javascript - 直接从 child 的 react 中修改 parent 的 Prop

在第1步的向导中，我可以直接修改父道具吗，因此在安装第2步之后，它将具有该道具修改后的道具可用？还是我应该怎么做？

向导组件，渲染

<Wizard>
  {this.state.step1 &&
    <Step1 dataWizard={this.state.dataWizard} />
  }
  {this.state.step2 &&
    <Step2 dataWizard={this.state.dataWizard} />
  }
</Wizard>

Step1组件

class Step1 extends React.Component {

  ...

  updateData() {
    this.props.dataWizard.idCreation = 432876;
  }

最佳答案

您应该使用状态，因为


  Props are Read-Only


您应该在呈现Wizard的组件中使用状态，并且当Step1完成时，它将更改该状态，然后将在Step2中使用该状态。

这称为Lifting State Up。