如何将道具传递给作为元素道具传递给 React-Router 6 中路由的组件？答案

【问题标题】：How do I pass props to a component passed as an element prop to a Route in React-Router 6?如何将道具传递给作为元素道具传递给 React-Router 6 中路由的组件？
【发布时间】：2021-12-21 05:35:18
【问题描述】：

正如标题所说，我想知道如何将 props 传递给 React 组件，该组件作为 element prop 传递给 Route。

所以，对于这段代码

<Route path="/" element={<App />} >
    <Route path="table" element={<Table />} />
</Route>

如何将道具传递给Table？

【问题讨论】：

你的意思是像<Table {...props}>？
没有。我指的是：<Table someProp={aValue} />
呃，就像你所做的那样，<Table someProp={aValue} />。以这种方式传递道具有问题吗？
如果道具来自<App /> 组件，那么是的。因为我无法访问<App /> 中的变量和函数。无论如何，我设法通过在<App /> 中创建一个<Routes /> 组件来传递道具。
你能澄清一下你具体要做什么吗？

标签： reactjs react-router-dom

【解决方案1】：

嘿，也许这对你有用：

How to pass params into link using React router v6?

【讨论】：