ある要素の不透明度として使用するボタンを誰かがクリックすると、タイマーが開始されます。値をトレースするために使用doすると、値がコンソールに 40 回吐き出されていることがわかりますが、ビューでは数値が表示されたままです。ここでどこが間違っているのかわかりません：

更新:ハイパースクリプトに小さなエラーがあると、奇妙な動作が発生することが判明しました。関連性があるとは思わなかったので、例には含めませんでした。

上記を単純に（クラスの表示を追加）に変更する

すべてが魔法のように機能するようにしました。

私は React プログラムの基本的な紹介に取り組んでおり、仮想 dom の差分を正しく理解しているかどうか疑問に思っていました。

私はこの小さなアプリを持っています:

私の質問は、<circles>状態オブジェクトに svg を追加するたびに、すべての svg が再レンダリングされるのですか? または、React は、状態にあるものが既に存在し、それらに対して何もする必要がないという事実を比較しますか。

React/react-dom には、ユーザーが 2 つの dom を手動で比較し、差分を取得し、差分を dom に手動で適用できる機能がありますか?

現在のように、差分とパッチのプロセスは内部で行われているようですが、個別に行うことを望んでいます。

私は一方で virtual-dom ともう一方の ReactiveJS(RxJs) で作業しているので、virtual-dom で dom を更新すると、これは dom を再作成せず、プロパティのみを変更するため、Rx.Observable はに関連付けられますこのドムは、ドムが高くなっても更新されませんでした。具体的には、変更を表示するページ数であるページネーションであるため、Rx.Observable を新しい dom リンクに関連付ける必要があります。任意のアイデアありがとう

シンプルですよね？この svg を html ファイルにドロップすると、マスキングは完全に機能します。しかし、仮想 dom で同じ svg を生成すると、マスクは効果がなく、巨大な赤い四角形が表示されます。

<defs></defs>迷惑なことに、開発者ツールを開いてsvgに無意味なものを追加すると、生成時に表示することができます。それはどういうわけかsvgを蹴り、マスクする必要があることを思い出させるようです。

ここで何が起こっているか知っている人はいますか？empty を注入するようにタイマーを設定する必要のない回避策はありますdefsか?

アップデート：

ここにソースがあります

ここにいくつかの関連するインポートがあります

アップデート

コメントの助けを借りてそれを理解しました。node対でしSvg.nodeた。に変更したらSvg.node、問題はなくなりました。質問は:

1. なぜこれが修正されたのですか？
2. これを重要なものにしている、ここの裏で何が起こっているのでしょうか?
3. 私が経験した問題がコンパイル時のエラーになるように、これをタイプセーフにすることはできますか?

仮想 dom で virtual-hyperscript を使用してノードに svg 属性を追加する方法はありますか? たとえば、次のようなものです。

私はこれを自分でやろうとしましたが、属性は で削除されcreateます。