Question

我想为我的下一页传递多个状态，而我正在从另一个页面重定向。

我已经过去了，而且工作正常。

<Link to ={{pathname: "/CreateEventUser", state: { bucket_id: !this.state.selected_bucket.id ? this.state.recent_bucket : this.state.selected_bucket } }} >
 <button type="button" className="btn btn-danger">Create an Event</button>
</Link>

现在我要通过两个州。这是什么语法？

<Link to ={{pathname: "/EventDetailsUser", state: { bucket_id: !this.state.selected_bucket.id ? this.state.recent_bucket : this.state.selected_bucket, eventId: event.id}}} >

Answer 1

位置路径名中的state参数除了和对象之外，因此您可以通过传递为

之类的对象来传递所需数量的值

<Link to ={{
    pathname: "/CreateEventUser", 
    state: { 
        bucket_id: !this.state.selected_bucket.id ? this.state.recent_bucket : this.state.selected_bucket, 
        new_id: this.state.newID, 
        anotherValue: this.state.anotherValue 
    }
   }} >
 <button type="button" className="btn btn-danger">Create an Event</button>
</Link>

Answer 2

方式 1：这是通过链接状态发送多个状态的方式：发送：

<Link
   to={{
      pathname: "/app/style/form",
      state: {
             item: item,
             styleList: styleList
      },
   }}
>
Go Button
</Link>

在这里您将如何接收数据接收：

let stateData = props.location.state
var styleUpdate = stateData["item"]
var styleList = stateData['styleList']

方式2：您还可以更改要保存状态的变量的名称。（自定义状态名称）发送：

<Link 
    to={{
        pathname: "/app/style/form", 
        styleList: styleList
    }}>
    Go Next
</Link>

接收：

let styleList = props.location.styleList

如何在ReactJS中通过链接传递多个状态

2 个答案: