时间戳

首页 > 解决方案 > 如何在 React-router 中添加状态

javascript - 如何在 React-router 中添加状态

问题描述

按下图标时，我希望我的应用程序将我导航到 localhost:8080/editrevision+700 （700 是该特定项目的 id）

<Menu.Item className="edit" 
   as={Link} 
   to="/editrevision" + {revisionItem.id}> 
   <i className="far fa-edit"/> 
</Menu.Item>

我不断收到语法错误，非常感谢所有建议。

标签： javascriptreactjs

解决方案

问题在于to. 您应该将整个值用大括号括起来。

传递 id 参数的最佳方式是 as /editrevision/700。并且，当您设置路线时，将其路径设置为/editrevision/:id. id 可以通过this.props.match.params.id.

<Menu.Item className="edit" 
   as={Link} 
   to={"/editrevision" + revisionItem.id}
   > 
       <i className="far fa-edit"/> 
</Menu.Item>

推荐阅读