点击返回特定状态到模态组件

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} 
>