如何从另一个组件范围内的组件中的useState声明变量中检索内容

Question

我想在另一个组件的范围内获得投资变量。。。

我已经把代码写在下面了，这是可以的，但既然我已经导出了函数InvestmentsList，我怎么能得到这个常量投资呢？如果不使用react redux中的useSelector((，如何做到这一点？

import React, { useEffect, useState } from 'react';
import {
Card,CardBody,CardHeader,CardTitle,Col,Row,Table} from 'reactstrap';
import moment from 'moment';
const InvestmentsList = () => {
const [investment, setInvestment] = useState([]);
async function fetchInvestments() {
const response = await fetch('http://localhost:3000/products');
const investments = await response.json();
// waits until the request completes...
setInvestment(investments);
}
useEffect(() => {
fetchInvestments();
}, []);
return (
<>{/* ...Returns something */}</>)
export default InvestmentsList;

Answer 1

您不能访问其他组件的数据。

如果两个组件彼此相距不远，您也可以将数据存储在父组件中，并提供"；投资；作为两个组件的支柱。

此外，Redux、React Context API或RecoilJS将允许您存储变量"的数据；投资；组件外部的某个位置。