小道具で（店舗）変更する

Question

私はパラメータと呼ばれる店舗オブジェクト（JAVA APIと相互作用するために接続するReact-Redux App）を持っています。私の新しいコンポーネントで

私は入力ダニボックスの電気ショック療法を更新するときに、このオブジェクトが別のコンポーネントに更新されます...

私は私にJSONとしていくつかの処理の後、このオブジェクトを送信「をテンプレートとして保存」ボタンを持っていますAPI。

奇妙な機能を持つ新しいコンポーネント内のこのオブジェクト（パラメータ）の変更をCATCHする必要があります。

私はそれに一連の "if"テストを実行するかもしれないので、いくつかの入力が欠落しているかどうかを見て、 "Save as template"ボタンを隠すかグレーアウトしてください。

これは可能ですか？

componentDidMount() { 

} 

と

componentWillReceiveProps() { 

} 

多くの助けであるように思われません。

Answer 1

これは私が数回使用しなければならなかったパターンです。これを処理するためにlodash.isEqualを使用しました。

import { isEqual as _isEqual } from "lodash" 

あなたはパラメータを保存します。たとえばmapStateToPropsであなたのコンポーネントでそれを監視しています（またはただし、他のあなたはそれへのアクセス権を取得している）あなたにオブジェクトをしていると言う：

const mapStateToProps = (state) => ({ 
    parameters: state.someApp.parameters, 
}); 

あなたはあなたのコンポーネントで何か変更があったかどうかを確認できます.WillReceiveProps：

componentWillReceiveProps(nextProps) { 
    if(!_isEqual(this.props.parameters, nextProps.parameters)) { 
     this.props.sendSomeRequestWithParameters(nextProps.parameters) 
    } 
}