useOn() / useOnDocument() / useOnWindow()

ホスト要素にリスナーをプログラムで設定するには、useOn() / useOnDocument() / useOnWindow() を使用します。これは、カスタム API を作成していて、JSX にこれらのイベントを配置できない場合、またはコンポーネントのプロパティに基づいて作成される場合など、イベントが事前にわからない場合に役立ちます。

右側の例は、useOn() メソッドの使用方法を示しています。コードを複製して、useOnDocument() / useOnWindow() の使用方法と動作の違いを確認してください。

チュートリアルの編集