const Component=()=>(<div></div>)是否与const Component=()=>{return(<div></div>)}在React中相同?

我猜它们是一样的,因为输出是一样的,但是它是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中,arrow函数需要

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

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