在 link 中传递自定义道具

Question

我正在尝试弄清楚如何在 NavLink.I 中传递自定义道具，我正在使用服务器端渲染和反应器。 流程是我从后端获取数据列表并为 it.When 创建 Navlinks 用户将单击 Navlinks 而不是再次获取相同的数据它应该显示我最初从后端检索并作为道具传递给的数据这个。

此代码将创建导航链接：

 this
            .props
            .activeData
            .map((data, idx) => (
              <div key={idx}>
                <NavLink
                  dataItems={data}
                  tag={MLink}
                  to={`/dashboard/data/datainfo/${data._id}`}
                  activeClassName="active"><DataInfo dataItems={data}/></NavLink>
              </div>
            ))

DataInfo 是描述导航链接的组件。

当用户点击上面的内容时，它应该路由到应该从 data.This 呈现的其他页面（详细信息）是我正在使用的路由。

<Route exact path="/dashboard/data/datainfo/:_id" component={Details}/>

有人可以指导我如何在 Navlink 中传递一个在路由到新页面后可以访问的客户属性

提前致谢。

Answer 1

你传的id就够了

详细信息组件应采用该 ID 并从商店加载 "customer"。