单击时将特定状态反应传递给Modal组件

Question

尝试将state传递给模态组件onClick。目前，当使用以下代码时，它会通过所有状态：

我的州：

this.state = {
            test: '',
            test2: '',
            modalIsOpen: false,

            ...

            testData: ''
        }

点击：

openModal(e) {
    console.log(e)
    this.setState({ testData: e });
}

模态组件：

<Modal
  isOpen={this.state.modalIsOpen}
  onRequestClose={this.closeModal}
  {...this.state}
>
  <button onClick={this.closeModal}>close</button>
  <div>I am a modal</div>
</Modal>

我尝试了{...this.state.testData}，但却抛出了错误。如何才能将testData状态传递给组件？

Answer 1

我认为这就是你所说的......

<Modal
  isOpen={this.state.modalIsOpen}
  onRequestClose={this.closeModal}
  testData={this.state.testData}
>