React - 这个内部组件的值DidMount

Question

我有一个我正在创建的React组件。但this，我,componentDidMoun和render里面的价值似乎是不同的。

var App = React.createClass({ 

    getInitialState:() => { 
     console.log('Inside getInitialState') 
     console.log(this) 
     return { 
      title: 'Heading' 
      , content: 'Text' 

     } 
    } 
    , componentDidMount:() => { 
     console.log('Inside componentDidMount') 
     console.log(this) 
    } 
    , render: function() { 
     console.log('Inside render') 
     console.log(this) 
     return <div> 
      <Intro /> 
      <SectionText heading = {this.state.title} text = {this.state.content}/> 
     </div> 
    } 
    , getArticle: id => { 
     articleStore.getArticle(id) 
    } 
    , handleChange:() => { 
     this.setState(articleStore.getState()) 
    } 
}) 

我可以看到预期的道具，状态函数中呈现的this而不是在其他两种方法的情况下。 这是预期的吗？我如何访问我的反应组件的属性，状态，功能？

Answer 1

你不能使用你想要的内ES6箭头功能

https://derickbailey.com/2015/09/28/do-es6-arrow-functions-really-solve-this-in-javascript/