React übergeben bestimmten Status an die Modal-Komponente bei Klick

Question

Versuchen, state an Modal Component onClick übergeben. Derzeit geht es um die Zustände, wenn folgenden Code:

mein Zustand:

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

      ... 

      testData: '' 
     } 

auf Klick:

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

modale Komponente:

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

ich versucht habe {...this.state.testData} aber wirft Fehler. Wie kann ich nur testData State an die Komponente übergeben, ist es möglich?

Answer 1

Ich denke, das ist das, was Sie sprechen ...

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