`react-select`コンポーネントで` onClick`イベントの `e.stopPropagation（）`を呼び出す方法は？

Question

私は、それ自身のonClickハンドラを持つ特定の子コンポーネントをクリックしない限り、その上の任意の場所をクリックしたときにアクションを実行するコンポーネントを持っています。それらのonClickハンドラは、e.stopPropagationを呼び出すことによって、親が標準アクションを実行するのを防ぐことができます。どのようにして同じようにキャプチャし、のReactSelectコンポーネントのonClickイベントにありますか？通常のonClickハンドラは呼び出されません。

これは、基本的には（ES6）説明するようにセットアップされている：

handleMost = e => { 
    // Note that I cannot check e.target here, because there is a bunch 
    // of other stuff that might be the target that still should cause 
    // the standard action to occur 
    doStandardThing(); 
} 

handleFoo = e => { e.stopPropagation(); doSomethingFoo(); }} 
handleBar = e => { e.stopPropagation(); doSomethingBar(); }} 
handleBaz = e => { e.stopPropagation(); doSomethingBaz(); }} 

<ListItem onClick={handleMost}> 
    <Foo onClick={handleFoo} 
    <Bar onClick={handleBar} 
    <ReactSelect ?????={handleBaz} 

    <OtherStuff ...> 
</ListItem> 

Answer 1

は私が反応し、選択からすべてのイベントを見ていたが、それはあなたの目的に適合していないようです。

別の要素にReactSelectコンポーネントをラップしようとする可能性があります。

<span onClick={e => ....}> 
    <ReactSelect /> 
</span>