询问React:类约定的功能

时间:2018-07-13 13:47:43

标签: reactjs coding-style conventions

何时使用箭头功能?

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

,什么时候使用类的函数?

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

1 个答案:

答案 0 :(得分:0)

首先让我们区分它们,

箭头函数不需要像普通函数一样进行绑定。
它们的语法更简洁。
它们不是Reactjs中的标准编码方式。
如果返回的箭头函数只有一个语句,则可以省略花括号。

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

我建议使用普通函数,因为Reactjs的标准文档中没有提到Arrow函数。

“”“我更喜欢遵循标准”“”