問題タブ [rerender]
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 - Vue.js にリロード/再レンダリングを強制できますか?
簡単な質問です。
すべてを強制的Vue.jsにリロード/再計算することはできますか? もしそうなら、どのように?
javascript - React js コンポーネントを再レンダリングする
React js を使用して、既存のアプリケーションに新しい UI を実装する必要があります。これは、メニュー項目がクリックされた後にレンダリングされる反応コンポーネントです。メニューがクリックされるたびに、react の chrome dev tools プラグインが作成された新しいコンポーネントを表示することに気付きました。メモリの無駄じゃない?これは、Sammy.js によるメニュー アクティベーション コードです。
reactjs - 1 つの子のみを再レンダリングする
私のフォームには、いくつかのドロップダウン コンポーネントがあります。最初のドロップダウン オプションが変更されるたびに、2 番目のドロップダウンの小道具を更新して再レンダリングしたいと考えています。私のコードは次のようになります
ただし、小道具は変更されないため、同じオプションが再レンダリングされます。現時点では、新しい状態を設定してフォーム全体を再レンダリングしています。新しい小道具で1つの子/ドロップダウンのみを再レンダリングする方法はありますか?
filter - コントロールを再レンダリングしない
コントロールに再レンダリングしないように指示する方法はありますか? 私のコンポーネントには、ダイアログにメッセージを動的に追加するビューがあるためです。検索フィールドで文字を検索するたびに、ビューが更新されて結果が表示されます。そのため、更新するたびに searchField は空になります。これは起こるべきではありません。
編集:問題は解決しました。別の人が同じ問題を抱えている可能性があります。Modelbinding を設定し、SearchField を再レンダリングしたところ、動作するようになりました。したがって、問題はすべてをレンダリングすることではなく、SearchField がレンダリングされないことでした;)
javascript - ポリマーを使用して JSON オブジェクトの変更にフラグを立て、javascript からデータを渡し、いくつかの子要素をレンダリングする方法
X と O のランダムなセットで JSON を生成し、ポリマーのカスタム要素を使用してそれらを単純なグリッドにプロットしようとしています。最初にページを開くと、すべて正常に動作し、毎回異なるグリッドが表示されます。また、新しい X と O のセットで JSON を再生成するボタンを index.html ページに追加しましたが、ポリマー要素はイベントの変更にフラグを立てたり、その子要素を新しいデータで更新したりしません。
JSONオブジェクトに問題があるようです。文字列に変更すると、毎回変更通知が表示されるためです...
JSON を生成してポリマー要素に渡す単純な「forceDB.js」スクリプトを作成しました。ポリマーへ.setAttribute('layout', data)の変更を通知し、ポリマー スクリプトのすべての子要素を更新するにはどうすればよいですか?
JSONオブジェクトは次のようになります
要素の私のポリマースクリプト側は次のようになります...
ポリマーの重要なポイントを見逃しているか、何か間違っているのではないかと思います。しかし、私は単純な X と O のゲームを開発していて、ポリマー データ バインディングの原理を理解しようとしていますが、どこが足りないようです。
javascript - URL クエリの変更時に React ページが再レンダリングされない
URLのクエリに基づいて、異なるコンテンツを持つ反応ページを作成しようとしています。例:フィルタリングされたコンテンツが異なりますthings?type=0。things?type=1
問題は、これらのページに切り替えたときに、React がページの再レンダリングをトリガーしないことです。目的の結果を得るには、ページを手動で更新する必要があります。
ライフサイクル機能のビルドを使用しようとしましたが、それらのどれもページの更新をトリガーしません。メソッドでフェッチを試みたcomponentWillReceiveProps後、リンクを2回クリックして、フィルタリングされたコンテンツを取得する必要があります(ページを更新しないよりはましですが、ユーザーフレンドリーではありません)。
このリファレンスを使用します。