點擊返回特定狀態到模態組件

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