如何将数据从一个组件发送到另一个组件？

Question

您能否告诉我如何将数据从一个组件发送到另一个组件？ 我喜欢这个

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

关于链接功能

str.replace

但它没有传递我的数据

这是我的代码 http://codepen.io/anon/pen/mOYgJV?editors=1011

Answer 1

React是针对Flux模式构建的。虽然PubSub模式将这些事件传递给订阅者（通常是组件），但您发出的事件比调度程序还要多。

查看https://facebook.github.io/flux/的官方说明。

Answer 2

在这里，您可以使用props在两个组件之间传递数据

<Second data={your data }/>

在First Component中，您可以通过编写this.props.data.

来使用道具访问数据

在您的示例中，您可以设置按钮单击时的数据状态，您可以在<Second data={this.state.data }/>

中传递状态值

Answer 3

试试这个：

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