如何在React-router中添加状态

Question

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

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

我一直在这方面遇到语法错误，非常感谢所有建议。

Answer 1

问题是to的语法。您应该将整个值都用大括号括起来。

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

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