reactjs React Router中如何将数据从路由传递到组件？[duplicate]

gudnpqoy 于 2023-01-08 发布在 React

关注(0)|答案(1)|浏览(194)

- 此问题在此处已有答案**：

How to pass data from a page to another page using react router（5个答案）
昨天关门了。
我正在使用React Router处理应用中的路由，需要将数据从路由传递到正在渲染的组件。我不确定如何访问组件中的数据。
我尝试过使用useEffect钩子将数据存储在本地存储器中，但是我不确定如何在组件挂载时检索数据和更新状态。
我希望能够使用ReactHooks跨组件持久化数据。

reactjs

来源：https://stackoverflow.com/questions/75020654/how-to-pass-data-from-route-to-component-in-react-router

1条答案

按热度按时间

r1wp621o1#

可以将数据作为组件的属性传递。

<Route path="<your_path>" element={<Component data ={value} />} />

也可以使用动态路由传递URL中的数据，然后使用useParams（）钩子获取值。

<Route path="<your_path>/:<dynamic_value>" element={<Component />} />

在组件. js中

import {useParams} from 'react-router-dom';
function Component(){
const {<dynamic_value>} = useParams();
---rest of your logic---
}

赞(0）回复(0）举报 2023-01-08

我来回答

reactjs React Router中如何将数据从路由传递到组件？[duplicate]

1条答案

相关问题

热门标签

最新问答