javascript - 必需的 Prop 和存在检查

Question

我发现即使需要 prop list，我的代码也会出错。
那么，我是否应该像下面那样在映射之前检查列表是否存在？

class Cart extends React.Component {
  render() {
    const { list } = this.props
    return { list && list.map(e => <div> {e} </div>) }
  }
}

Cart.propTypes = {
  list: PropTypes.array.isRequired
}

更新:

我看到建议添加默认值的建议。

同时设置 isRequired 和默认值有意义吗？
这不是暗示如果需要一个值，那么它应该始终存在吗？

但是，即使不满足某些必需的 Prop ，组件似乎也会安装。

所以我想设置默认值是有道理的，但是 isRequire 只是开发人员的一个标志，仅此而已，对吗？

Answer 1

是的，我认为你应该这样做。其他开发人员仍然可以显式地将 null 传递给 list 属性。

<Cart list={null}/>

或者……一个更真实的例子:

// getListFromServer() <-- can return null
<Cart list={getListFromServer()}/>