はPOPINは、私が作成するために、いくつかの問題を持って外をクリックし

Question

の開閉リアクト私のすべてのアクションとpopinは、私は私はこのようなボタンを持っているJS

をREACT使用

をリンクpopinComponent私はそれをクリックしたときに十字を持っています。私はpopinを閉じなければなりません。そして、私は外側をクリックして検出する必要があります。popin

これを達成するための解決策はありますか？最善の方法は何ですか？

おかげ

Answer 1

あなたはそこから十字ボタンの上にonclickのトリガーPopinComponentにし、より小道具「clickevent」を渡すと、その関数内でこの小道具を呼び出すことができます。このような何か：PopinComponentで今

<button className="b-circle" onClick={this.openPopin.bind(this)}> 
     </button> 
     <div className="u-200">Frequence</div> 
     {OpenPopin ? <PopinComponent clickevent={this.closePopin.bind(this)} /> 
      : ''} 


    openPopin() { 
    this.setState({ openFrequency: true }) 
    } 

    closePopin(){ 
    this.setState({openFrequency: false}) 
    } 

あなたがのonClickでthis.props.clickeventを渡すことができます - の

<button onClick={this.props.clickevent}>Close</button>