在 React 中什么时候使用箭头函数(2)

 

class Button extends React.Component { render() { return ( <button onClick={this.handleClick} style={this.state}> Set background to red </button> ); } // Note: this syntax is not yet part of JavaScript proper, but is slated // for inclusion in the next version. It should already work with Babel. handleClick = () => { this.setState({ backgroundColor: "red" }); }; } 总结

如果 环境支持 箭头函数，那么鼓励使用

尽量避免对 React 组件 使用箭头函数，它会使 调试 变的困难

如果有需要，可以在 render 中使用箭头函数

为 性能 着想，避免在 render 中使用大量函数

原文链接：When should I use Arrow Functions? (James K Nelson)