componentDidMount의 상태 데이터에 액세스

Question

componentDidMount에서 this.state.board에 액세스 할 수없는 이유는 무엇입니까? 일단 컴포넌트가 렌더링되면 componentDidMount는 즉시 한 번만 실행됩니다.

Google 애널리틱스 전자 상거래 추적 프로그램을 설정하려고하는데이를 설정하는 가장 좋은 장소는 GA 추적기가 한 번만 호출되도록하기 때문에 componentDidMount 내에 있어야한다고 생각했습니다. 그러나 GA로 다시 보내려면 상태 데이터에 액세스 할 수 없습니다. 어떤 아이디어?

//function which establishes state 
    function getEditorState() { 
     var board = Editor.getCsb(); 
     var similarBoard = Editor.getSimilarLsbs(); 
     return { 
      board: board, 
      similarBoard: similarBoard, 
      editing: Editor.isEditing(), 
      hoverColor: Editor.getHoverColor(), 
      variant: Editor.variant(), 
      lidAndLsb: Editor.getLidAndLsb() 
     }; 
    } 



    //component  
    var CsbEditorApp = React.createClass({ 

      getInitialState: function() { 
       return getEditorState(); 
      }, 

      componentDidMount: function() { 
       console.log(this.state.board); // <---- this returns an empty object. 
       Editor.addChangeListener(this._onChange); 
       SbAction.loadCsb(this.props.params.cid); 
      }, 

      render: function() { 
      console.log(this.state.board); // <---- this returns the the board object with data. 
      return (
      <div className={cm('lightbox sb-bg overlay-border')} ref="app"> 
       <Header board={this.state.board} label={this.state.label} socialLinkStatus={this.state.socialLinkStatus} buyingAll={this.state.buyingAll} /> 
       <div className="viewer-content"> 
        <div id="csb-content"> 
         <MetaText className="meta-author" metaKey="author" board={this.state.board} /> 
         <BoardMeta board={this.state.board}/> 
         <CsbPanel board={this.state.board hoverColor={this.state.hoverColor} showPanel={showPanel} /> 

         <RouteHandler/> 
        </div> 
       </div> 
      </div> 
     ); 
    }, 
_onChange: function() { 
     this.setState(getEditorState()); 
     $("#cc_hover").hide(); 
    } 
}); 

Answer 1

console.log 디버깅의 신뢰할 수있는 방법이 아닙니다 -이 방법은 비동기이고 당신이 당신의 리스너를 설정 한하거나 등록하는 콜백 (상태에 영향을 미치는) 트리거 된 후에도 후에 실제로 전화를받을 수 있습니다, 그래서 디버거를 사용하십시오. 또한 Editor.addChangeListener(this._onChange); 행을 주석 처리하여 문제의 원인인지 확인하십시오.