Javascript 为什么在JSX中使用（）而不是{}在map（）内部使用箭头函数回调？（反应）

下面映射中我的回调函数中的代码最初封装在花括号中，但它不起作用。我花了很长时间才发现这个问题。这只是我在学习React时遇到的几个语法问题之一。只是想知道为什么会这样

const Stuff = () => {
return (
    <ul>
        {
            things.map((item, i) => (
                <li key={i}>{item}</li>
            ))
        }
    </ul>
)

const Stuff=（）=>{
返回(

{
things.map（（项目，i）=>(
{item}
))
}

)

---

}

重要的是要知道，对于箭头函数，如果函数只有一行长，并且没有大括号包围，则函数将返回箭头后面的任何内容

---

本质上，通过使用

（）

，您可以避免使用return关键字。我喜欢把

（）

看作是一种设计代码样式的方法，这样代码就很容易阅读。

知道这一点很好，只是我想知道为什么它是（）而不是{}。在vanilla JS中，我可能会执行类似（）=>{console.log（'something'）}@narojo的操作，即使在vanilla JS中，您不需要在单行函数上使用

{}

。使用

（）

可以使用多行代码，而不必使用

return

关键字。它基本上用于代码的可读性。

（）

的用法来自Vanilla JS。