如何在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检索this.props.match.params.id 。

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