useOn() / useOnDocument() / useOnWindow()

使用 useOn() / useOnDocument() / useOnWindow() 以程式化的方式在主機元素上設置監聽器。當您在創建自定義 API 並且無法在 JSX 中放置這些事件,或者事件不是事先知道的,例如根據元件屬性創建時,這非常有用。

範例

右側的範例顯示了如何使用 useOn() 方法。複製程式碼以探索如何使用 useOnDocument() / useOnWindow() 以及它們的行為方式有何不同。

編輯教學