javascript - 在 React 的组件构造函数中传递函数

Question

关于我正在用 React 开发的贪吃蛇游戏的问题。

我读到了这个post关于构造函数内的设置函数。现在举个例子，我希望snakeMoves函数调用foodGenerator，它在构造函数中，但不在状态中，所以在snakeMoves内部调用this.state不会得到foodGenerator。

我必须通过哪些选项将 foodGenerator 传递给 SnakeMoves？

 class Play extends Component {
            constructor(props) {
            super(props)
            this.state ={
                gameSqueres: [],
                food: null
            }

            this.foodGenerator = this.foodGenerator.bind(this)
        }

    componentDidMount() {
            // create food
            this.foodGenerator()
        }

    foodGenerator() {
        console.log('food')
    }

    // snake move system
    snakeMoves = (e) => {
        const { gameSqueres } = this.state;
        console.log(foodGenerator())
    } 

Answer 1

如果需求只是绑定(bind)this并获取一个新函数，则可以使用箭头函数。在方法 snakeMoves() 中，只需调用:this.foodGenerator()

foodGenerator = () => {
    console.log('food')
}