Javascript 有人能给我解释一下为什么一个函数起作用而另一个不起作用吗；T

所以我在学习反应，我在做反应之路的书。他在书中使用了这个密码

const List = (props) => (
    props.list.map(item => (
      <div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>
    ))
  )

const List = (props) => {
    return props.list.map(item => {
      <div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>
    })
  }

const List=（道具）=>(
props.list.map（项=>(
{item.author}
{item.num_comments}
{item.points}
))
)

我用了这个密码

const List = (props) => (
    props.list.map(item => (
      <div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>
    ))
  )

const List = (props) => {
    return props.list.map(item => {
      <div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>
    })
  }

const List=（道具）=>{
返回props.list.map（项=>{
{item.author}
{item.num_comments}
{item.points}
})
}

---

他的有效，我的无效，我一直在研究，我不明白为什么，如果有人能帮我理解为什么。

您必须在地图功能中返回div

return props.list.map(item => {
       return (<div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>);
    });

返回props.list.map（项=>{
返回(
{item.author}
{item.num_comments}
{item.points}
);
});
道具列表.map中缺少“return”（返回）
因为它是一个函数，所以需要返回语句

const List = (props) => {
    return props.list.map(item => {
      return (<div key={item.objectID}>
            <span>
              <a href={item.url}> {item.title} </a>
            </span>
            <span>
              {item.author}
            </span>
            <span>{item.num_comments} </span>
            <span>{item.points} </span>
          </div>)
    })
  }

const List=（道具）=>{
返回props.list.map（项=>{
返回(
{item.author}
{item.num_comments}
{item.points}
)
})
}

那应该能解决问题
 问题是您在此处将括号
（
卷曲成括号
{
）
…list.map（项=>{
在jsx代码之前没有返回语句

因此，您可以将代码更改为
…list.map（item=>（
或在jsx之前添加
return
语句）

...list.map(item => {
    return <div...

…list.map（项=>{
return一切都是正确的，但是你应该在props.list.map（item=>{return（））之后添加return。非常感谢，这一直困扰着我，我知道我遗漏了一些东西。嗨@brokercoder，如果这个答案增加了一些有用的东西，请投赞成票。提前谢谢