reactjs - TypeError：无法读取未定义的 ReactJS APP 的属性“地图”

Question

这是 App 组件，taskList const 中的错误我如何找到未定义的内容

function App(props) {
  const [tasks, setTasks] = useState(props.tasks);
  const taskList = tasks.map(task => (
    <Todo
        id={task.id}
        name={task.name}
        completed={task.completed}
        key={task.id}
      />));
  function addTask(name) {
    const newTask = { id: "todo-" + nanoid(), name: name, completed: false };
    setTasks([...tasks, newTask]);
  }

标签： reactjs

Answer 1

您的任务数组似乎未定义，因为这是调用 map 的内容。可能在最初安装组件时，数组仍然未定义，只是稍后设置。你可以写：

    const taskList = tasks ? tasks.map(…) : [];