问一下React: class约定的函数

Question

什么时候使用箭头函数？

class App extends Component {
        onButtonClick = event => console.log(click!)
}

还有，什么时候使用class的函数？

class App extends Component {
        onButtonClick() {console.log(click!)}
}

Answer 1

先区分一下，

箭头函数不像普通函数那样需要绑定。
他们的语法更清晰。
它们不是 Reactjs 中的标准编码方式。
如果只有一个语句是它 returns 的箭头函数的一部分，则可以省略大括号。

然后，开始使用... 箭头函数可用于事件处理程序，其中应将值传递给函数，例如 onClick=dothis(arg) 为此，您必须将 dothis 函数包装在另一个函数中，例如 onClick=()=>dothis(arg)，否则您的事件处理程序将无法按要求工作。

我推荐使用普通函数，因为在Reactjs的标准文档中并没有提到箭头函数。

"""I prefer sticking to the standards"""

Ask about React: function of class convention