在链接中传递自定义道具

Posted 2023-03-23

【中文标题】在链接中传递自定义道具

【英文标题】：Passing custom props in link

【发布时间】：2018-09-02 14:44:44

【问题描述】：

我正在尝试弄清楚如何在 NavLink 中传递自定义道具。我正在使用服务器端渲染和 reactstrap。 流程是我从后端获取数据列表并为其创建导航链接。当用户单击导航链接而不是再次获取相同的数据时，它应该显示我最初从后端检索并作为道具传递给它的数据。

此代码将创建导航链接：

 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 是描述导航链接的组件。

当用户点击上面它应该路由到其他页面（详细信息）应该从数据呈现。这是我正在使用的路由。

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

有人可以指导我如何在 Navlink 中传递客户道具，该道具可以在路由到新页面后访问

提前致谢。

【问题讨论】：

你传的id应该够用了。详细信息组件应采用该 ID 并从商店加载“客户”

@muZk 非常感谢您的回复。请您将其放入答案中以便我接受它。我还想出了一种通过状态的方法，但由于 redux，它看起来是多余的。

【参考方案1】：

你传递的id应该足够了。

Details 组件应采用该 ID 并从商店加载“客户”。