javascript - 重定向React Js时传递id或参数

Question

当用户单击按钮并重定向到另一个页面时，我想传递 id。

我正在使用react router，但无法传递id。到目前为止，我尝试了以下代码:

<Route path="/editproject/:id" component={EditProject}/>

当用户点击按钮时:

if (this.state.switchEdit) {
  redirect = <Redirect to="/editproject/": {this.state.project.id} />
}

render(){
  return (
    { redirect }
  )
}

如何传递 id (this.state.project.id)？

Answer 1

您可以了解Template Literals连接字符串。

<Redirect to={`/editproject/${this.state.project.id}`} />

要取回参数，您可以使用该代码从参数中检索。

this.props.match.params.id

就您而言，您使用的是:id，这就是上面的代码使用.id的原因

<Route path="/editproject/:id" component={EditProject}/>