react-router，用<link />传递道具

Question

组件1中的

我有两个指向组件2的按钮

<Link to="item" /*new item*/><button .../></Link>
<Link to="item" /*edit item*/><button .../></Link>

组件2有2个const，根据props应该返回其中一个模式。

render(){
const editMode=(<div>....</div>)
const newMode=(<div>....</div>)
return(<div> ..... {this.props.editMode? editMode: newMode} </div>)}

我应该如何通过Link传递像editMode:true or false这样的布尔值？

Answer 1

使用location descriptor作为to道具，并使用州传递值。

<Link to={{ state: { edit: true }}}>...</Link>

您可以通过注入路径组件的location prop访问该值。