reactjs道具没有传给孩子

Question

我在父

中指定了这个

openModal={this.state.openModal}

在状态中我有这个定义的

openModal : false

在子组件中，我像这样访问它

const { open } = this.props.openModal;

我就像这样使用它

open={open}

我在这里收到错误

  

警告：道具类型失败：道具open在Modal标记为必需，但其值为undefined。

Answer 1

您没有正确使用解构，

写作时

const { open } = this.props.openModal;

您实际上是在open对象中查找openModal键，但是您想要的是

const { openModal } = this.props;

相当于

const openModal = this.props.openModal;

在此之后你会写

open={openModal}

Answer 2

您未正确声明open变量：

const { openModal } = this.props;

然后在你的组件中：

open={openModal}