Javascript 使用新表单在每次提交单击时创建转换

好的，我已经尝试了一会儿，我不知道如何去做，我想要的是简单的，生成一个全新的表单，但具有从旧表单到新表单的反应转换组效果（每次用户单击提交按钮）

如果你能提供帮助或想法，你就是救命恩人

this.state.transitionTime

我试图增加一个状态键，但它不起作用

 <div disabled={currentAccommodation.isLoading || currentRoom.isLoading} className="accommodation_popup_innerContainer_inputContainer_transition_container">
            <SwitchTransition>
              <CSSTransition
                key={this.state.isAddRoom}
                addEndListener={(node, done) =>
                  node.addEventListener('transitionend', done, false)
                }
                classNames="fade"
              >
                {(isAddRoom || this.state.isAddRoom) === true ? (
                  <CreateRoomForm
                    ScrollBar={ScrollBar}
                    LabelInput={LabelInput}
                    currentState={this.state}
                    handleChange={() => this.handleChange}
                    removeItem={this.removeItem}
                    handleMultipleChange={this.handleMultipleChange}
                    setTheState={this.setTheState}
                    error={this.state.error}
                  />
                ) : (                                       // I want the transition on this side
                  <cssTransition
                      key={this.state.transitionTimes}
                      addEndListener={(node, done) =>
                        node.addEventListener('transitionend', done, false)
                      }
                      classNames="fade">
                      <CreateAccommodationForm
                        ScrollBar={ScrollBar}
                        LabelInput={LabelInput}
                        currentState={this.state}
                        handleChange={() => this.handleChange}
                        removeItem={this.removeItem}
                        handleMultipleChange={this.handleMultipleChange}
                        setTheState={this.setTheState}
                        OnChangeDescription={this.OnChangeDescription}
                        error={this.state.error}
                  />
                  </cssTransition>

                )}
              </CSSTransition>
            </SwitchTransition>
          </div>

---

在文件中发布整个代码，有一些东西不知道这里发生了什么我只是发布了很多与代码相关的东西，文件太大了，可能很难阅读@Roy.b我想要的是简单的，生成一个全新的表单，但具有从旧表单到新表单的反应转换组效果（每次用户点击提交按钮）@Roy.B

<Button
                type="submit"
                className="btn accommodation_popup_innerContainer_buttons_button"
                value={isAddRoom ? 'Add' : 'Submit'}
                onClick={
                  (isAddRoom || this.state.isAddRoom)
                    ? this.handleAddRoomBtn // for the top form
                    : this.handleSubmitBtn  // for th bottom form
                }
              />

 handleAddRoomBtn = async (e) => {
    e.preventDefault();

    await this.setState({
      ...this.initiaState,
      transitionTimes: this.state.transitionTimes + 1
    })
    console.log(this.state)

  };