呈现带有或不带有子组件的redux组件

Question

我注意到Redux容器的子节点可以自动作为道具传递给包装组件:

<Container>
  Child Text
</Container>

Container.js:

const Container = connect()(Component)

Component.js:

const Component = ({ children }) => {
  if (children) {
    return (
      <p>
        {children}
      </p>
    )
  }
  return (
      <p>
        No Child Text
      </p>
  )
}
Component.propTypes = {
  children: PropTypes.node.isRequired,
}

如果我现在渲染:

<Container>
    Child Text
</Container>
<Container/>

我得到<Container/>的警告:

Warning: Failed propType: Required prop 'children' was not specified in 'Component'

我想知道如何避免这个警告，同时能够呈现我的组件的两个变化。

Answer 1

直接删除.isRequired

从

Component.propTypes = {
   children: PropTypes.node.isRequired,
}

你基本上告诉容器，children prop将是一个必需的，所以React警告你，如果它丢失。