React - componentDidMount中的这个值

Question

我有一个我正在创建的React组件。但我在this，getInitialState和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())
    }
})

我可以在渲染＆＃39; this中看到预期的道具，状态和函数，但在其他两种方法的情况下却看不到。 这是预期的??如何访问我的反应组件的属性，状态，函数??

Answer 1

您无法在ES6箭头功能

中使用所需的this

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