Reactjs 询问React:类约定的功能

Reactjs 询问React:类约定的功能,reactjs,coding-style,conventions,Reactjs,Coding Style,Conventions,何时使用箭头功能 class App extends Component { onButtonClick = event => console.log(click!) } 我什么时候使用这个类的函数 class App extends Component { onButtonClick() {console.log(click!)} } 首先让我们区分它们, 箭头函数不像普通函数那样需要绑定。 它们的语法更清晰。 它们不是Reactjs中的标准编码

何时使用箭头功能

class App extends Component {
        onButtonClick = event => console.log(click!)
} 
我什么时候使用这个类的函数

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

首先让我们区分它们,

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

然后,说到用法。。。 Arrow函数可用于事件处理程序中,在事件处理程序中应将值传递给函数,如onClick=dothis(arg) 为此,必须将dothis函数包装到另一个函数中,如onClick=()=>dothis(arg),否则事件处理程序将无法按要求工作

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


“我更愿意遵守标准”“

如果将函数用作事件处理程序,
onButtonClick()
如果不将其绑定到构造函数或渲染方法中的
this
,则不会具有所需的
this
值。我认为这是一本很好的读物。谢谢你的推荐,但我想了解一下公约。我什么时候使用箭头函数和类的函数?请阅读我链接的文档,它会有意义的。