将数组从子路由传递到父组件-React

Question

仪表板组件：

const handleProps: crumbsInterface = () => {
  // logic here
};

return (
  <>
    <Breadcrumbs crumbsArray={[]} />
    <Route path={`${path}/partners`} render={() => <Partners crumbs={handleProps} />}
  </>
);

问题是，如何在没有事件处理程序（例如crumbs等）的情况下通过onClick道具安装合作伙伴组件时如何传递带有数据的数组？

例如合作伙伴组件：

return (
  <>
    <button onClick={crumbs}>Clickme</button>
  </>
);

这样我在父组件中看到propHandler被解雇了，但是有没有办法在useEffect钩子中做到这一点？

想法是在仪表板中具有面包屑组件，然后我有一个孩子嵌套的路线，我想在其中显示这些面包屑，但是面包屑中的项目取决于当前显示的组件。因此，当我更改路线时，我将显示不同的面包屑。