javascript - 花括号和渲染列表项

Question

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>;
}

列表项组合

import React from 'react'

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

export default SingleElement

标签： javascriptreactjs

Answer 1

如果添加了花括号，您还应该添加 return 语句。 (props) => returnValue是简写

(props) => {
   return returnValue;
}