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

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

我已经在下面写了代码，这是可以的，但是既然我已经导出了function InvestmentsList，我怎么能得到这个const投资呢？如果不借助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;

import React，{useffect，useState}来自“React”；
进口{
卡片、卡片正文、卡片标题、卡片标题、列、行、表格}来自“reactstrap”；
从“力矩”中导入力矩；
常量投资列表=（）=>{
const[investment，setInvestment]=useState（[]）；
异步函数fetchInvestments（）{
const response=等待获取（'http://localhost:3000/products');
const investments=wait response.json（）；
//等待请求完成。。。
投资（投资）；
}
useffect（（）=>{
获取投资（）；
}, []);
返回(
{/*…返回某物*/}）
导出默认投资列表；

您无法访问其他组件的数据

如果两个组件距离不远，您还可以将数据存储在父组件中，并为这两个组件提供“投资”作为道具

---

此外，Redux、React-Context-API或RecoilJS将允许您存储变量“investment”的数据组件之外的某个地方。

可以使用rxjs库@Promet99？如何完成？我想做的是将每项投资的收益值传递到相应的投资页面。也就是说，这是另一个page@lucasbbs对不起，我没有使用rxjs。但是我认为原理是一样的。数据应该放在组件的父级将读取/写入这些数据的ents。这可能会有所帮助