Reactサブアセンブリ親アセンブリに値を渡す

1323 ワード

React.js

Reactを使用してモジュール化された開発を行う場合、子コンポーネントが親コンポーネントに値を渡すシーンによく遭遇します.複雑なコンポーネント間伝達値の場合、fluxまたはreduxを使用することが望ましい.このほか、簡単なコンポーネント構造に適した2つの簡単な選択があります.
1.親コンポーネントはpropsを介してstateを制御するためのコールバックを伝達し、サブコンポーネントで呼び出す
Propsに依存してイベントの参照を伝達し,コールバック方式で実現することは特に好ましくないが,ツールがない場合には簡単な実現方式である.

/***           ， div         ***/




//   
var Child = React.createClass({
    render: function(){
        return (
            
                  ：
            
        )
    }
});

//   
var Parent = React.createClass({
    getInitialState: function(){
        return {
            email: ''
        }
    },
    handleEmail: function(event){
        this.setState({email: event.target.value});
    },
    render: function(){
        return (
            
                  ：{this.state.email}
                
            
        )
    }
});
React.render(
  ,
  document.getElementById('test')
);

2.contextによるサブコンポーネントへの親コンポーネントの露出属性値の取得と設定
サブコンポーネントから親コンポーネントに値を渡すにはcontext、contextを使用します.contextは、親コンポーネントから子コンポーネントにレベルをまたいで値を渡すこともできます.また、サブコンポーネントを使用して、親コンポーネントが露出した属性値を取得および設定することもできます.

JAvaベース-listコレクションcontainsメソッド(最下位呼び出しequalsメソッド)を使用して再評価する問題について

Day 4 - 強化学習、AlphaGo のまとめ