Javascript 在React应用程序中使用时，Map方法返回Undefined

我正在尝试在我的React应用程序中使用map函数，但未定义。返回（对象的）实际数组是可行的，但是当运行map函数时，它返回未定义的数组。在React之外一切正常，所以我假设它的语法是：

const Filter = ({ list }) => {

    const filterHandler = () => {
      const newList = list.map(item => {
        item.id;
      });
      console.log(list); //this successfully logs products array
      console.log(newList); //this logs undefined
    };

    return (

        <div>
          <button onClick={filterHandler}>Filter</button>
        </div>

    )
}

export default Filter;

const Filter=（{list}）=>{
常量过滤器句柄=（）=>{
const newList=list.map（项=>{
项目id；
});
console.log（list）；//这将成功记录产品阵列
console.log（newList）；//此日志未定义
};
返回(
滤器
)
}
导出默认过滤器；

您必须指定

返回

关键字：

const newList = list.map(item => {
   return item.id;
});

或：在单行中，不使用

{}

const newList = list.map(item => item.id);

---

啊，天哪，菜鸟mistake@EricNguyen，列表是什么样子的？您可能不应该更新您的问题以使其正确。我想，如果未来的读者看到一个没有被打断的例子，就会感到困惑。这与React无关，它只是一个JS问题。请阅读