調用等功能於React.createClass

Question

我試圖打電話等功能於React.createClass功能，但它並不適用於某些原因，我越來越Cannot read property 'test' of undefined

var WallFeed = React.createClass({ 
    test:() => { 
     console.log('hello world'); 
    }, 
    componentDidMount:() => { 
     this.test(); 
    }, 
    render:() => { 
     return (
      <div>test</div> 
     ); 
    } 
}); 

現在，我怎麼能從componentDidMount（React的內置函數）調用this.test（）？

謝謝！

Answer 1

請勿在傳遞到createClass的對象字面量中使用箭頭函數。對象文字中的箭頭函數將始終使用window作爲this來調用。一個解釋見Arrow Function in object literal：

var WallFeed = React.createClass({ 
    test() { 
     console.log('hello world'); 
    }, 
    componentDidMount() { 
     this.test(); 
    }, 
    render() { 
     return (
      <div>test</div> 
     ); 
    } 
});