javascript - 我可以知道为什么在 React 中有时需要在箭头函数之前添加 const/var/let 吗？

Question

我只是感到很困惑，为什么我们需要在组件内的mapStateToProps箭头函数之前添加这个“const”。对于我们在 React 组件中编写的大多数其他箭头函数，我们不会在箭头函数之前放置 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}
/>

Answer 1

当您在类中添加方法时，该方法就是该类的一部分，因此例如:

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

然而，由于mapStateToProps位于类之外，因此需要声明它，这就是为什么您需要const、var、let

类是一个对象，因此在本例中，myMethod 是该对象的一部分。

mapStateToProps 位于类之外，因此由于不是对象的一部分，因此需要声明