我可以知道为什么有时需要在React中的箭头功能之前添加const / var / let吗?

时间:2019-06-27 18:10:58

标签: javascript reactjs ecmascript-6 arrow-functions

我只是感到困惑,以至于为什么我们需要在组件内部的mapStateToProps箭头函数之前添加此“ const”。对于我们在React Component内部编写的大多数其他箭头函数,我们不将const或var或let放在箭头函数之前。我可以知道有什么区别吗?非常感谢!

const mapStateToProps = (state) => {
    return {
        user: state.user,
        math: state.math
    };
};

const mapDispatchToProps = (dispatch) => {
    return {
        setName: (name) => {
            dispatch(setName(name));
        },

    };
};
export default connect(mapStateToProps, mapDispatchToProps)(App);
handleNdcChange = selectedNdc => {
        this.setState({ selectedNdc });

};

<Select
     value={this.state.selectedNdc}
     onChange={this.handleNdcChange}
     options={ndcOptions}
/>

1 个答案:

答案 0 :(得分:1)

在类中添加方法时,该方法是类的一部分,例如:

class Test extends React.Components {
  myMethod = () => {}
}

但是,由于mapStateToProps在类之外,因此需要对其进行声明,这就是为什么需要constvarlet

类是对象,因此,myMethod是该对象的一部分。

mapStateToProps在类之外,然后由于它不是对象的一部分,因此需要声明