如何将从 API 获取的数据作为道具传递给其路由在 React JS 的另一个页面中定义的组件?

Posted

技术标签:

【中文标题】如何将从 API 获取的数据作为道具传递给其路由在 React JS 的另一个页面中定义的组件?【英文标题】:How to pass data fetched from an API as props to a component whose routes is defined in another page in React JS? 【发布时间】:2021-07-29 00:51:42 【问题描述】:

我为此使用功能组件,并使用 axios 进行 api 调用

【问题讨论】:

为你迄今为止尝试过的任何东西添加代码 【参考方案1】:

我昨天也遇到了同样的问题,我也问过同样的问题,这里是它的链接,请检查它,如果您需要进一步澄清,请告诉我

click here

【讨论】:

谢谢,有很多解决方案,什么对你有用? 将数据与路由一起传递,例如 history.push("/route", data);其中 data 本身就是一个 javascript 对象,然后在该路由上您可以访问数据

以上是关于如何将从 API 获取的数据作为道具传递给其路由在 React JS 的另一个页面中定义的组件?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 vue 路由器将对象作为道具传递?

如何在 Vue 中将 API 应用程序密钥作为道具传递

如何从 Reactjs 中的 useEffect 挂钩访问道具

如何使用 Vue.js 路由器将状态和事件处理程序作为道具传递给子组件?

映射和传递 onClick 函数作为道具后如何定位特定元素

在 React-router Link 中将对象作为道具传递