Javascript 每次单击时创建一个新的转换实例（react transition group）

所以简单地说，我已经做了一个转换，如果

isAddRoom

为真，那么就进行转换（工作正常）。现在，我试图做到的是，每次用户单击submit时，我都会将状态设置为初始状态，但我还希望在每次提交时使用空的newRoomform进行转换。我真的不确定看什么才能产生效果

从住宿形式到房间形式的转变

<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}
                  />
                ) : (
                  <CreateAccommodationForm
                    ScrollBar={ScrollBar}
                    LabelInput={LabelInput}
                    currentState={this.state}
                    handleChange={() => this.handleChange}
                    removeItem={this.removeItem}
                    handleMultipleChange={this.handleMultipleChange}
                    setTheState={this.setTheState}
                  />
                )}
              </CSSTransition>
            </SwitchTransition>
          </div>

this.state = {
      services: {
        values: [],
        input: '',
      },
      amenities: {
        values: [],
        input: '',
      },
      name: '',
      type: '',
      cost: '',
      bedrooms: 0,
      size: 0,
      room_number: '',
      address: '',
      description: '',
      geoLocation: '',
      files: [],
      urls: [],
      isDragging: false,
      isAddRoom: false,
    };