React Tip

1110 ワード
Reactは2つのことにしか関心がありません:DOMを更新して、相応のイベントはReactの中で、DOMに対してただ更新して、Reactを読み取らないでアプリケーション全体の中でただ1つのイベントプロセッサだけを使って、しかもすべてのイベントをこのプロセッサの上で属性に委託してJS変数であることができて、関数let surveyId=this.props.idであることができます;let classes = 'some-class-name'; JSXにif文を直接追加するのは、上記の問題を解決するための無効な方法です.3つの演算子を使用して変数を設定し、属性で参照して論理を関数に変換して&&演算子を使用します.
  • 三項演算子
    • を使用render: function(){ return }
  • 変数getisComplete:function(){return this.state.isComplete?'is-complete':';}render:function(){var isComplete=this.getIsComplete();return}
  • 関数getisComplete:function(){return this.state.isComplete?'is-complete':';}render:function(){return;}
  • 使用&&render:function(){return;}
    • ref render:function(){return;}を参照すると、コンポーネント内の任意の場所でthis.refs.myInputを使用してこの参照を取得できます(ここでは本当のDOMノードではありません)this.refs.myInput.getDOMノード()を使用して本物のDOMノードにアクセスできます.
    Style var styles = { borderColor: '#999', borderThickness: '1px' }; React.renderComponent( , node );
    componentDidMountは、componentDidMount内部でthis.getDOMNode()メソッドを使用してレンダリングされたリアルDOM要素にアクセスできます.
    WAS JMX監視アプリケーション開発
    ActionFormとbeanの違い