如何從一個組件向另一個組件發送數據？

Question

可否請您告訴我如何將數據從一個組件發送到另一個組件中？ 我喜歡這個

<Route path="/second/:testvalue" component={Second}/> 

上Link功能

<Link to="/second/"{this.state.username}><button onClick={this.handleClick}>send data</button></Link> 

但它不是通過我的數據

這裏是我的代碼 http://codepen.io/anon/pen/mOYgJV?editors=1011

Answer 1

REACT爲建立流量模式。雖然PubSub模式將這些事件傳遞給訂戶（通常是組件），但您發出的事件不是調度程序。

看看https://facebook.github.io/flux/的官方描述。

Answer 2

在這裏，你可以使用道具來在第一組分兩個組件

<Second data={your data }/> 

之間傳遞數據，你可以在你的例子寫this.props.data.

訪問使用道具的數據，你可以設置數據的狀態點擊鏈接，你可以在<Second data={this.state.data }/>

Answer 3

傳遞狀態值試試這個：

<Link to={`/second/${this.state.username}`}><button onClick={this.handleClick}>send data</button></Link>