コンポーネント

Question

をレンダリングしない反応これは私のコードです。何らかの形で、プロパティがのレンダリング機能に到達していないように見えます。コンソールに出力しようとすると、undefinedと表示されます。

これはなぜ起こっているのでしょうか？

"parentDiv"には何も描画されないという問題があります。ただ空白のままです。しかし、要素を調べると、その下に2つの "スパン"の子が表示されます（HTML以外で作成されたものではありません）。しかし、これらのスパン要素には内容がありません。

Answer 1

私はあなたのコードに根本的な問題があると思います。あなたは、コンポーネントの関数の1つを呼び出すような外部関数 'render'を通して、あなたの反応コンポーネントに 'a'と 'b'を渡そうとしています。これは間違っています。

「a」と「b」をあなたのReactコンポーネントRParentにpropsとして渡す必要があります。 'a'と 'b'の値が変わるたびに、親コンポーネントが自動的に再レン​​ダリングされます。

var Item = React.createClass({ 
render: function() { 
    return (
      React.createElement('div', {}, 
        React.createElement('span', {}, this.props.a), 
        React.createElement('span', {}, this.props.b) 
        ) 
      ); 
} 
}); 

var RParent = React.createClass({ 
getInitialState: function() { 
    return {messages: []}; 
}, 
, 
render: function() { 
    var messages = this.props.messages; 
    return (
      React.createElement('div', {}, 
        React.createElement(Item, messages)) 
      ); 
} 
}); 

ReactDOM.render(
    (<RParent messages= {'a': a, 'b': b} />) 
    , document.getElementById('parentDiv'));