我在一个React教程中看到了这段代码片段:
乍一看,我以为这将一个箭头函数分配给
我知道箭头函数应该是
那么,它是箭头函数还是其他类型的函数?如果它是箭头函数,为什么会有另一种形式?我如何决定使用哪种形式?如果不是箭头函数,JavaScript中这种函数类型叫什么?
const App = ({title}) => (
<div className="header">{title}</div>
);
乍一看,我以为这将一个箭头函数分配给
App
常量。然后我注意到它没有使用花括号,而是用了括号。我知道箭头函数应该是
(...) => {...}
,但在这里它使用了(...) => (...)
。那么,它是箭头函数还是其他类型的函数?如果它是箭头函数,为什么会有另一种形式?我如何决定使用哪种形式?如果不是箭头函数,JavaScript中这种函数类型叫什么?
(...args) => expr
相当于(...args) => { return expr; }
— 这是一种常用格式的快捷方式。 - Amadan