Javascript 如何显示模式提交表单？

我有一个

（reduxForm），其中用户提交了值，一旦提交了值，它就会转到另一个组件

showResults

，该组件返回

模式组件，当前模式组件显示在应用程序组件的顶部

一旦用户完成，如何获得模态组件弹出窗口
已提交（按下提交按钮）值，然后使用这些值
相应地显示模态值

Form.jsx

<form onSubmit={handleSubmit}>
  {allQuestions}
  <div>
    <button type="submit" disabled={pristine || submitting}>
      Submit
    </button> // Once your press this button Modal should PopuP
    <button type="button" disabled={pristine || submitting} onClick={reset}>
      Clear Values
    </button>
  </div>
</form>

          <Form
                formData={formData}
                onSubmit={e => {
                    this.onSubmit(e);
                }}
            />

class ShowModal extends React.Component {
  state = {
    open: false,
  };

  onOpenModal = () => {
    this.setState({ open: true });
  };

  onCloseModal = () => {
    this.setState({ open: false });
  };

  render() {
    const { open } = this.state;
return(
        <Modal open={open} onClose={this.onCloseModal}>
          <h4>Total : {this.props.total} Out of 10</h4>
        </Modal>
      </div>)

Modal.jsx

<form onSubmit={handleSubmit}>
  {allQuestions}
  <div>
    <button type="submit" disabled={pristine || submitting}>
      Submit
    </button> // Once your press this button Modal should PopuP
    <button type="button" disabled={pristine || submitting} onClick={reset}>
      Clear Values
    </button>
  </div>
</form>

          <Form
                formData={formData}
                onSubmit={e => {
                    this.onSubmit(e);
                }}
            />

class ShowModal extends React.Component {
  state = {
    open: false,
  };

  onOpenModal = () => {
    this.setState({ open: true });
  };

  onCloseModal = () => {
    this.setState({ open: false });
  };

  render() {
    const { open } = this.state;
return(
        <Modal open={open} onClose={this.onCloseModal}>
          <h4>Total : {this.props.total} Out of 10</h4>
        </Modal>
      </div>)

类showmodel扩展了React.Component{
状态={
开：错，
};
onOpenModal=（）=>{
this.setState（{open:true}）；
};
onCloseModal=（）=>{
this.setState（{open:false}）；
};
render（）{
const{open}=this.state；
返回(
总计：{this.props.Total}共10个
)
将模型打开状态存储在组件外部，并使用属性（正确方式）或ref（反模式方式）：

但正确的产权方式是：

<ShowModal open={this.sate.showModal} />



可能因为您使用的是redux，所以您也希望在redux状态中存储模式打开/关闭状态
，如何在redux状态中存储模式状态？将其添加到redux存储中。