[英]ES6 Arrow function without curly braces
我很难理解以下 ES6 语法。 我阅读了很多文档,似乎这里发生了不止一个变化:
const renderInput = props =>
<div>
<label>{props.placeholder}</label>
</div>
以上是否等同于:
const renderInput = function renderInput(props) {
return <div>
<label>{props.placeholder}</label>
</div>
}
?
对,那是正确的。 当您只有一个expression并且它是您希望从函数返回的表达式时,您可以省略大括号。
由于<div><label>{props.placeholder}</label></div>
实际上是一个单独的表达式(它被转换为React.createElement(......)
或类似的东西),并且您希望从renderInput
返回它,这确实是您使用箭头函数的无括号版本的方式。
如果您希望使用变量或进行一些其他计算(条件、for 循环等),您将无法省略括号。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.