在 reactjs 中的组件之间传递数据答案

【问题标题】：Passing data between components in reactjs在 reactjs 中的组件之间传递数据
【发布时间】：2017-05-17 04:04:18
【问题描述】：

我已经在我的网络应用中实现了一个图像裁剪器，如下所示

它是作为一个单独的组件实现的，我将裁剪后的图像显示如下

<img style={{ width: '124',height:'124' }} src={this.state.cropResult} alt="cropped image"/>

我想在另一个组件中的另一个图像标签中显示裁剪后的图像（即 this.state.cropResult ）。如何在组件之间共享这个裁剪的图像？

【问题讨论】：

【解决方案1】：

选项1：使用flux/redux

选项 2：将状态提升到第一个组件，其中包括需要此数据的组件

【讨论】：

【解决方案2】：

如果组件是父组件的子组件，这很容易。只需通过道具发送即可。

如果该组件在其他地方，您必须使用回调定义的父组件将数据存储在公共父组件中，然后发送到第一个组件。第一个设置数据，其他使用 props 获取数据。

如果您只有 1 或 2 个传输数据的案例，我认为 redux 可能是一项重大投资。

【讨论】：