如何在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>