別のコンポーネントの状態を更新するには？

Question

私は以下のようないくつかのコンポーネントが含まれている私のアプリのためのエディタがあります。クロッパー

• ボタン
• を
• ページ

上記のすべてのコンポーネントがエディタページの子です。ですから、私はボタンコンポーネントからクロッパーズーム状態を更新する必要があります。この場合、reduxを使用しているため、状態がUIコンポーネントに直接使用されても問題ありません。しかし、私はボタンの状態を更新する必要があるときは苦労しています。ここで

は、私がボタンコンポーネント内から状態を変更する方法です：

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

私はクロッパーコンポーネントからのコードの上に呼び出すことができますどのように？

Answer 1

ジョーが正しいです。エディターの状態または還元店に保管してください。

エディタの状態で保存したい場合。あなただけのエディタ

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

からあなたクロッパーコンポーネントで小道具として呼び出しを渡すことができ

あなたがダウン小道具てコールバックを渡し、この

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