在React/Redux中使用箭头函数内的括号有什么意义

Question

给出以下react-redux代码:

const TextListContainer = ({ items, actions }) => (
    <TextList items={items} actions={actions} />
)

为什么这里使用的是普通括号而不是大括号？

---

为了进一步说明我的问题:

正常功能:

const someFn = something => {
    //...
}

BRACE STYLE功能:

const someFn = something => (
    //...
)

这种代码风格从这里复制:https://github.com/reactjs/redux/blob/master/examples/todomvc/src/containers/App.js

Answer 1

() => something,哪里something不开始{,返回something.

有了() => {,{被解释为函数体的开头,所以你必须明确return一些东西.为了解决这个问题,例如,如果你想返回一个对象,你可以使用(:

() => ({ some object })

在其他情况下使用它是一致性的问题.