javascript - クラスをレンダーメソッドからReactJS経由でOnClickOutsideにラップする方法は?

Question

ReactJS で EmojiPicker を使用しています。EmojiPicker の外側をクリックすると、EmojiPicker を閉じる必要があります。どうやってするの？onClickOutside を使用しようとしていますが、EmojiPicker をラップして、Conversation クラスの状態を変更する特別なメソッドを追加する必要があります (isOpened を false にします)。したがって、最初に、Conversation の状態 (isOpened) を false に変更する handleClickOutside メソッドを EmojiPicker に追加する必要があります。

これが私のコードのサンプルです：

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);

誰か助けてくれませんか？