2016-10-19 3 views
1
var MyComponentClass = React.createClass({ 
    render: function() { 
    return <h1>Hello world</h1>; 
    } 
}); 

ReactDOM.render(
    <MyComponentClass />, 
    document.getElementById('app') 
); 

私はReactJSに関するいくつかのチュートリアルを続けてきましたが、Reactのフードの中で何が起こっているのか、特に上記のコードを理解するのは苦労しています。React.createClassはどのように機能しますか?

同様に、ReactのライブラリのcreateClassメソッド内でレンダリングメソッドが必要ですか?

ReactDOM.renderが呼び出されたときにrenderメソッドがどのように呼び出されますか?

私はReactJSのドキュメントを調べてみましたが、何が起こっているのかについての説明がない同じ問題が発生しました。問題を取り上げて、同じ結果を試してみました。質問は、実際に行うのではなく、それを行う方法に基づいているようです。

誰かがドキュメントの正しい領域の方向に私を指すことができたとしても、それは私を非常に助けます。

+0

お役に立てば幸いです。私は、ほとんどの人が何が起こっても気にしないので、明確な文書はないと確信しています。 –

答えて

2

このtop-level-api documentは、初心者にとっては良いスタートです。

  1. 方法をレンダリングするために必要:
    あなたがReact.createClassを使用したときにそれが必要です。
    renderメソッド内でコンポーネントの状態を変更することはできません。それが呼び出されると
    は、それは、単一の子を返します呼び出されるレンダリングどのよう

  2. (例えば<div>または自分で定義されたコンポーネント。):すべての再レンダリングされます反応して、SETSTATEが呼ばれるたびにデフォルトでは、
    コンポーネントおよびサブコンポーネントを含みます。
    しかし、shouldComponentUpdate()をfalseに設定すると、レンダリングメソッドは完全にスキップされます。

は、それはあなたがボンネットの下に行くことができるようにソースコードがある

関連する問題