問題タブ [virtual-dom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
53 参照

reactjs - ネストされたコンポーネントに反応して組み込み関数を渡す (フラックスなし)

小道具を介して組み込みの反応関数を渡し、状態を設定しようとしていますがthis、未定義になります!

私はこのようなことを試しました:

index.js

someOtherComponent1.js

私の問題は、組み込み関数を渡すたびに発生します。つまり、react プロトタイプに存在する関数thisは常に未定義です。

小道具を介して組み込み関数を送信するにはどうすればよいですか?

0 投票する
2 に答える
946 参照

dom - document.getElementById() を使用して React で ClipboardJS

もともと、私はそれをうまく機能させていました。

それから私はこれをしました、そして今私はそれを働かせることができません

ClipboardField.js

Field.js

コードをClipboardFieldからFieldに取り出すと、機能します。ほとんどの場合、親コンポーネントで document.getElementById() を使用して子で何かを見つけるにはどうすればよいですか?

彼らの例:

https://github.com/zenorocha/clipboard.js/blob/master/demo/constructor-selector.html#L18

https://github.com/zenorocha/clipboard.js/blob/master/demo/constructor-node.html#L16-L17

https://github.com/zenorocha/clipboard.js/blob/master/demo/constructor-nodelist.html#L18-L19

0 投票する
0 に答える
336 参照

javascript - React setState() 呼び出しで UI が更新されない

私は React を学んでおりlearnyoureact、NodeSchool からモジュールを実行しています。これまでの React についての私の理解では、React コンポーネントを仮想 DOM としてレンダリングし、React に UI の変更を処理させるということです (SO投稿から読む)。これは正しいと思います。

これをやめて、データを追加して setState を呼び出すと、UI が更新され、テーブルの行が追加されます。setState() を呼び出して一部のデータを削除しても、UI が何もしないのはなぜですか? コンソールにログインすると、データが削除されていることを確認できます。

2 行の元のテーブルに 2 つのものを追加すると、4 行が得られます。 ここに画像の説明を入力

次に、Xボタンを押して削除しようとすると、コンソールには削除したことが示されますが、UI は更新されません。まだ 4 つのテーブル行があります。 ここに画像の説明を入力

行ごとにチェックし、後でコピーして貼り付けて確認しました。このレポから引き出しました。

手動で削除すべきではない場合、テーブルの行を削除するにはどうすればよいですか?

0 投票する
1 に答える
235 参照

javascript - React は、通常の DOM の入力とは異なる方法で、仮想 DOM 入力の onChange イベントをトリガーします。どうしてこれなの?

仮想 DOM では、入力の内容が変更されるたびに onChange がトリガーされます。通常の DOM では、入力要素がぼやけている場合にのみ onChange がトリガーされます。

動作を説明する GIF へのリンク

サンプル プロジェクト:

上記デモのソースコード

React が仮想 DOM 要素に対して異なる方法で onChange イベントをトリガーするのはなぜですか?

0 投票する
1 に答える
252 参照

react-dom - Maquette を HTML にレンダリングする

Maquette ビューの HTML 文字列表現を取得して、静的 html ファイルにプリレンダリングしたいと考えています。React には ReactDOMServer.renderToString があります。Maquette VNode に同様の方法はありますか?

0 投票する
1 に答える
795 参照

angularjs - 仮想 dom とダーティ チェックのパフォーマンスの違い