初始化状态react，解决页面首次渲染时未定义的问题

Question

我想映射一个状态，但是那个状态（状态的名称是“task”，它是父状态的子状态，称为“timesheet”，“timesheet”状态已经使用 componentWillMount 定义）仍然未定义直到在我的页面内触发了动作创建者（单击按钮）。但是，我已经在 jsx 中定义了 timesheet.task.map，因此页面无法加载，并显示错误“无法读取未定义的属性映射”。 code 因此，正如您在此处看到的，我想从触发事件时调用的状态映射“选择”选项列表（在页面呈现时它仍然未定义），但由于时间表不会加载页面。页面第一次加载时任务仍未定义

您知道如何解决这个问题吗？我在想初始化状态，但我不知道怎么做。非常感谢！

Answer 1

很常见的情况。在render() 的顶部 - 只需添加一个条件来检查该值是否有效.. 类似：

if (!this.state.timesheet.task) {
  return <p> waiting for my value </p> // add any generic component to here that would await your value 
}

根据您的页面布局，您可能只想创建一个小组件作为条件注入，等待您的值被填充。