外部変数から状態を設定する - React.js

Question

なぜ外部変数でクラスの状態を設定できるのですか？

私のhtmlファイルでは、iveは既に私が反応クラスを介して呼び出している配列を持っています。すなわちwindow.fbApiResponse

それから私は、次のことを実行しよう -

var App = React.createClass({ 

    getInitialState: function() { 

    return { 
     fb_api_nodes: [] 
    } 

    }, 

    componentDidMount: function() { 
     // console.info(this.state.jobs); 
     console.info(window.fbApiResponse); // Returns array to console 
      const fb_api_nodes = window.fbApiResponse; 
      this.setState({ fb_api_nodes }); 

      console.log("state"); 
      console.log(this.state); // Returns empty array to console. 

    }, 

状態が設定され、コンソールにログインしたときに、空の応答を返しません。

Answer 1

setStateをcomponentDidMountメソッドで実行することは悪いことです。 代わりに専用の方法を使用して状態を設定する必要があります。 さらに、最初のレンダリング後に状態を設定する必要があるのはなぜですか？あなたは小道具としてそれを渡すことはできませんか？

代わり配列のクローンを作成してみてください：

// code.... 
const fb_api_nodes = window.fbApiResponse.splice(0); 
// code...