Javascript 大括号和渲染列表项

如果箭头函数

objectList

包含大括号，为什么React不呈现列表项

export default function StatelessList() {
  const objDev = [
    { id: 1, surename: "John", name: "Wayne" },
    { id: 2, surename: "Hansa", name: "Doo" },
  ];

  const objectList = objDev.map((obj) =>
   // {
 
    <StateLessListElement
      key={obj.id}
      value1={obj.surename}
      value2={obj.name}
    />
// {
  );

  return <div>{objectList}</div>;
}

导出默认函数无状态列表（）{
常量objDev=[
{id:1，确定姓名：“约翰”，姓名：“韦恩”}，
{id:2，surename:“Hansa”，name:“Doo”}，
];
const objectList=objDev.map（（obj）=>
// {
// {
);
返回{objectList}；
}

列表项comp

import React from 'react'

function SingleElement({value, isSelected, changeState}) {
    return (
        <li className={isSelected ? "selected" : null}  onClick={changeState}>
            {value}
        </li>
    )
}

export default SingleElement

从“React”导入React
函数SingleElement（{value，isSelected，changeState}）{
返回(

{value}

)
}
导出默认单元素

如果添加了大括号，还应添加return语句。

（props）=>returnValue

是

(props) => {
   return returnValue;
}