ReactJSを使用して、レンダリングメソッドからOnClickOutsideにクラスをラップする方法はありますか？

Question

ReactJSでEmojiPickerを使用しています。 EmojiPickerをクリックして閉じるとEmojiPickerを閉じる必要があります。どうやってするの？私はonClickOutsideを使用しようとしていますが、EmojiPickerをその中にラップし、Conversationクラスの状態（isOpenedをfalseに変更する）を追加する特別なメソッドを追加する必要があります。そこで、まず、handleClickOutsideメソッドをEmojiPickerに追加して、会話の状態（isOpened）をfalseに変更する必要があります。ここで

は、私のコードのサンプルです：

class Conversation extends React.Component { 
    constructor() { 
     super(); 
     this.state = { 
      isOpened: false 
     } 
    } 
    render(){ 
     return (
      <div> 
       ...OTHER THINGS... 

       <EmojiPicker className={this.state.isOpened ? " " : "display-none"} /> 

       ...OTHER THINGS... 
      </div> 
     ) 
} 
export default OnClickOutside(EmojiPicker); 

誰かが私を助けてくださいことはできますか？

Answer 1

コンポーネントに動的スーパークラスを提供することについて、この興味深い記事があります。それは、このユースケースに合わせてメソッドを適応させる可能性があります。 http://www.mikedoesweb.com/2017/dynamic-super-classes-extends-in-es6/