在 React App 中使用时 Map 方法返回未定义 [重复]

Question

我正在尝试在我的 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;

Answer 1

您必须指定return 关键字：

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

或：在单行中不使用{}

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