問題タブ [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.
reactjs - ネストされたコンポーネントに反応して組み込み関数を渡す (フラックスなし)
小道具を介して組み込みの反応関数を渡し、状態を設定しようとしていますがthis
、未定義になります!
私はこのようなことを試しました:
index.js
someOtherComponent1.js
私の問題は、組み込み関数を渡すたびに発生します。つまり、react プロトタイプに存在する関数this
は常に未定義です。
小道具を介して組み込み関数を送信するにはどうすればよいですか?
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
javascript - React setState() 呼び出しで UI が更新されない
私は React を学んでおりlearnyoureact
、NodeSchool からモジュールを実行しています。これまでの React についての私の理解では、React コンポーネントを仮想 DOM としてレンダリングし、React に UI の変更を処理させるということです (SO投稿から読む)。これは正しいと思います。
これをやめて、データを追加して setState を呼び出すと、UI が更新され、テーブルの行が追加されます。setState() を呼び出して一部のデータを削除しても、UI が何もしないのはなぜですか? コンソールにログインすると、データが削除されていることを確認できます。
2 行の元のテーブルに 2 つのものを追加すると、4 行が得られます。
次に、X
ボタンを押して削除しようとすると、コンソールには削除したことが示されますが、UI は更新されません。まだ 4 つのテーブル行があります。
行ごとにチェックし、後でコピーして貼り付けて確認しました。このレポから引き出しました。
手動で削除すべきではない場合、テーブルの行を削除するにはどうすればよいですか?
javascript - React は、通常の DOM の入力とは異なる方法で、仮想 DOM 入力の onChange イベントをトリガーします。どうしてこれなの?
仮想 DOM では、入力の内容が変更されるたびに onChange がトリガーされます。通常の DOM では、入力要素がぼやけている場合にのみ onChange がトリガーされます。
サンプル プロジェクト:
React が仮想 DOM 要素に対して異なる方法で onChange イベントをトリガーするのはなぜですか?
react-dom - Maquette を HTML にレンダリングする
Maquette ビューの HTML 文字列表現を取得して、静的 html ファイルにプリレンダリングしたいと考えています。React には ReactDOMServer.renderToString があります。Maquette VNode に同様の方法はありますか?