javascript - 使用React Router将对象传递到React组件

这是我的routes.js，将在userProfiles中接收到的数据传递给该用户的userProfileDetail时遇到问题。我不想在userProfileDetail中进行另一个API调用，因为userProfiles中已经存在一个调用

const routes = {
  component: Base,
  childRoutes: [
    {
      path: '/profiles',
      getComponent: (location, callback) => {
        callback(null, userProfiles);
      }
    },

    {
      path: '/profile/:profile_id',
      getComponent: (location, callback) => {
        callback(null, userProfileDetail);
      }
    }
  ]
};

我的导航方式只是通过

<Link to={ / profile / $ {user._id} } />在userProfiles中，但是如何从userProfiles传递到userProfileDetail？

最佳答案

您必须打另一个电话

如果有人刷新userProfileDetail上的页面怎么办？怎么会得到任何数据？您不能对用户已经拥有的数据进行假设。您必须确保可以自行构建任何页面。

使用状态管理

跨应用程序共享数据的一种好方法是实现一个像redux这样的状态管理系统，这样您就可以从应用程序中任何组件调用您拥有的任何数据，从而像这样传递数据是多余的。