マウントまたは更新時にaddEventListenerに反応しますか？

Question

簡単な質問ですが、更新するたびに新しいリスナーを追加するか、初期レンダリング時にのみ新しいリスナーを追加する必要があります。私は影のDOMがどのように機能するかを理解していない、すべてがすべてのイベントがhereである

おかげ

Answer 1

レンダリングした後、私はそれを追加する必要があります場合：

非常にシンプルに。 React DOMはブラウザDOMの抽象化であり、これはページ上の要素の抽象化でもあります。ですから、React DOMは抽象化の抽象です。

Reactのすべてのイベントは、ネイティブブラウザイベントではありません。それらは合成イベントと呼ばれます。イベントシステムは、プラットフォームの独立性をサポートするネイティブのブラウザイベントを包むラッパーです。

あなたがReact.Component構文を使用してコンポーネントを反応させるの定義したら、あなたもこのようなイベントリスナーを設定するのは自由です。

// somewhere inside render 
return (
    <a href="#" onClick={handleClick}> 
     Click me 
    </a> 
); 

このコードはReact.createElementを使用してレンダリングすると、内部のDOMを反応させるのままになります。

コンポーネントのライフサイクルを確認すると、render()はマウントとアップデートの両方にあります。

うまくいけば、これはあなたの探求に答えます。