在响应中将const钩子值从一个组件传递到另一个组件

Question

这是我第一次开发React应用程序。

在尝试将const值从另一个组件检索到另一个组件时遇到了困难。如果导入和导出组件，则无法访问const的值。

我做错了吗？是否有更好的方法来动态更新在其他组件中单击按钮触发的axios获取请求

Component 1 index.js

import Panel from "../TransactionPanel";

const getServerData = async ({ filters, sortBy, pageSize, pageIndex }) => {
  await new Promise(resolve => setTimeout(resolve, 500));


  //set the detail dynamically using the retrieved value from another component (checkedMap)
  //can be also send the whole link
  let detail = 111;

  // Get our base data
  const res = await axios.get(
    "http://link_here/" +
      detail +
      "/details"
  );
  let rows = res.data;

这是我使用useState挂钩在另一个组件中获取值的地方

Component 2 index.js

export default function({ infinite }) {
const [checkedMap, setCheckedMap] = useState(new Map());

非常感谢您的帮助。