javascript - const Component = () => (<div></div>) 与 React 中的 const Component = () => {return(<div></div>)} 相同吗？

Question

我猜它们是相同的，因为输出是相同的，但它是 Redux 中的官方简写还是 Javascript 属性？我正在关注Redux documentation并且有一个这样的组件:

const App = () => (
  <div>
    <AddTodo />
    <VisibleTodoList />
    <Footer />
  </div>
)

以及另一个组件:

const AddTodo = ({ dispatch }) => {
  let input

  return (
    <div>
      <form
        onSubmit={e => {
          e.preventDefault()
          if (!input.value.trim()) {
            return
          }
          dispatch(addTodo(input.value))
          input.value = ''
        }}
      >
        <input ref={node => (input = node)} />
        <button type="submit">Add Todo</button>
      </form>
    </div>
  )
}

我想知道这是否与 Javascript 或 React 有关。

据我了解，在 Javascript 中，箭头函数需要有一个 () 之类的

(name, description) => ({name: name, description: description});

描述它是一个对象，而不是在内联单表达式语法的情况下的普通函数，但我不确定这是否适用于 Redux 示例，因为 JSX 部分不是对象。请帮我纠正我的错误。

Answer 1

简短的回答，是的，因为 JSX 和 React 遵循 JavaScript 使用的相同语法，因为 JSX 只是 React 的语法扩展。您可以通过 here 阅读有关 JSX 的更多信息。 .

此外，关于你关于 redux 的观点，你的 redux 应该纯粹用 JavaScript(或 TypeScript)编写，没有任何 JSX 语法，因为你的 redux 存储的主要目标是维护应用程序的状态，而不是渲染逻辑。