javascript - React - 在 map 函数中表达预期

Question

我正在使用 React 功能组件。
当我在下面的代码中使用 map 函数时，它一直显示错误 Expression expected.

return(
        <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-4 space-y-4 sm:space-y-0">
            {(news.articles).map(new => {
                return (
                    <Card
                    title={article.title}
                    content={article.content}
                    onClick={() => {
                      console.log("clciked");
                    }}
                    />
                )
            })
            } 
        </div>
)

Answer 1

我猜你在 map 回调中使用的 new 是 Javascript 中的保留关键字。使用另一个标识符，例如您已经在引用的 article。

return(
  <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-4 space-y-4 sm:space-y-0">
    {news.articles.map(article => {
      return (
        <Card
          title={article.title}
          content={article.content}
          onClick={() => {
            console.log("clciked");
          }}
        />
      )
    })} 
  </div>
)