クリックすると、特定の状態をModalコンポーネントに渡します。

Question

stateをModalコンポーネント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} 
>