javascript - React や Vue で dom を操作せずに jquery の append メソッドを実装するにはどうすればよいですか?

Question

HTML をローカルに追加する必要がある場合があります。React のように配列にトラバーサル レンダリングを追加すると、すべての配列データを再レンダリングする必要があります。再レンダリングせずに、追加する元のデータだけをレンダリングしたいのですがでは、jquery appendを実装するにはどうすればよいでしょうか?

Answer 1

React や Vue を書くために jQuery 思考を使用しないでください。React で考え、Vue で考えてください。

DOM を更新するという面倒な作業はフレームワークに任せてください。ユーザーはデータまたは状態だけを気にする必要があります。

必要に応じて追加したいものをコンポーネントとみなします。最初はこのコンポーネントはレンダリングされませんが、何かがトリガーされてこのコンポーネントがレンダリングされるのは「条件付きレンダリング」ではないでしょうか。 vueとreactのドキュメントを見ると、条件付きレンダリングはどのように書くのでしょうか？

毎回すべてを再レンダリングする場合はどうすればよいですか?これはレンダリング関数を実行するだけであり、仮想 DOM diff の層もあります。DOM に対する実際の操作は、jQuery の追加を実行するのと同等です。

Answer 2

フレームワークは最小限の更新を完了するのに役立ちます

Answer 3

React: コンポーネントを正しく計画し、key 属性を使用する場合、DOM 操作には append と同等のセットのみを含める必要があります

Answer 4

rect または vue を使用して開発しているため、jquery を使用するという考えを放棄する必要があります。vue React のドキュメントをもっと読むことをお勧めします。

Answer 5

JQは諦めて、私から始めてください