問題タブ [maquette]
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.
javascript - Maquette が変更した後に DOM を更新する方法
前述のように、Maquette を基本的なハイパースクリプト言語として使用したいと考えています。したがって、私は使用したくありませんmaquette.projector。ただし、Maquette で作成した SVG オブジェクトを DOM に追加できるにもかかわらず、DOM が更新されていないようです。たとえば、以下のコードでは、ボタンをクリックして円を作成できると想定しています。Chrome 開発ツールを使用して DOM を検査すると、SVG サークル オブジェクトが DOM に追加されましたが、DOM は更新されていません。DOM を更新するにはどうすればよいですか?
なぜappendChild何もレンダリングされないのですか?
maquette - Maquette は、未定義のプロパティ「クラス」を読み取ることができません
このエラーの原因は基本的にわかりません^^。
少し調べてみたところ、previousPropertiesは として渡されたようprevious.propertiesですupdateDom()。は、 just とラベル付けされている場所でprevious渡されます。この VNOde は有効な VNode ですが、.updatevnodeproperties
区別できるようにする必要があるすべてのものを (一意のプロパティを設定することによって) 区別できるようにしたと確信しているkeyので、間違っている可能性はありますが、それが問題だとは思いません。
typescript - TypeScript と Maquette JSX を使用していますが、リンターは「jsx」が使用されていないと言っています
TypeScript と Maquette を使用して .tsx ファイルをコンパイルしています。コードは正しくコンパイルされ、ブラウザーで実行されますが、ESLint は私のjsx関数に不満を持っており、「未使用の var」としてフラグを立てています。
TypeScript Maquette スターター プロジェクトをできるだけ厳密に模倣しようとしましたが、そのプロジェクトを見ると、リンターの警告が表示されません。どういうわけか、スターター プロジェクトでは、ESLint と TypeScript はそれjsxが私のファクトリ関数であることを認識しますが、私のプロジェクトでは、同じ構成のように見えますが、そうではありません。
欠けているパズルのピースは何ですか? すべてのドキュメントを数回読み、想像できるあらゆる方法でこれをグーグル検索したにもかかわらず、問題の原因を特定したものは何も見つかりませんでした。
バッジ.tsx
しかし、eslint ( ./node_modules/.bin/eslint . --ext .json,.js,.ts,.jsx,.tsx) を実行すると、次の警告が表示されます。
以下に構成ファイルを含めますが、これは大きなプロジェクトなので、関係ないと思われる部分を編集しています。