react-native - 如何更新另一个组件状态？

Question

我的应用程序有一个编辑器，其中包含如下几个组件：

• 纽扣
• 农作物
• 页

以上所有组件都是编辑器页面的子组件。所以，我需要做的是从 Buttons 组件更新裁剪器缩放状态。当直接在 UI 组件上使用状态时我没有问题，因为我在这种情况下使用redux。但是当我只需要更新按钮状态时，我很挣扎。

以下是我如何从 Buttons 组件中更改状态：

this.setState({
            zoom: this.state.minZoom,
            left: 0,
            top: 0,
        });

如何从 Cropper 组件调用上述代码？

Answer 1

乔是对的。将其存储在编辑器的状态或 redux 存储中。

如果你想将它存储在编辑器的状态。

您可以从编辑器中将调用作为道具传递给您的 Cropper 组件

<Cropper
  onChange={(minZoom) => {
     this.setState({
        zoom: minZoom,
        left: 0,
        top: 0,
     })
  }}
/>
<Button zoom={this.state.zoom} />

然后你可以像这样在 Cropper 组件中调用它

this.props.onChange(this.state.minZoom);