問題タブ [reactjs]
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 - 小道具配列オブジェクトを更新しています
コンポーネントに渡され、@props を通じて利用可能な配列オブジェクトがあります。
実際には、何か (新しい配列) を追加したいと考えています。
これ以外に何をお勧めしますか:
add() を呼び出した後の結果は次のようになります。
ここでの最大の問題は、arr がガベージ コレクターによって破棄される可能性があることです。これは、ローカルのみであるため、手動で更新を強制する代わりに @setProps を使用することをお勧めします。
javascript - 子ノードを JSX と組み合わせるにはどうすればよいですか?
li 要素から ul リストを作成したいのですが、li 要素はさまざまなソースから取得されるため、1 つのステートメントでは実行できません。JSX は一連の子要素を処理できないようです。これにより、構文エラーが発生します。
理想的には、次のようなことをしたい:
これを達成する別の方法はありますか?
javascript - PhpStorm - 中括弧の自動挿入をオフにする方法
現在、私は JavaScript プログラミング (React フレームワーク) に PhpStorm を使用しています。React には、HTML を JavaScript コードに挿入できる JSX と呼ばれる特別な構文糖衣が追加されています。しかし、特定のJSXを挿入するとphpstormが間違ってしまうため、Enterキーを押して次の行に移動すると、常に不要な{
. この動作を抑制する方法はありますか?
javascript - Facebook React: 自動的にマウントされなかった不変の違反と要素
私は小さな例をやって Facebook React を学んでいます。バインディングに関する私の知識this
が大丈夫かどうかを確認することにしたのでReact.class
、変更可能な状態が親にあり、中間のみがコールバックを子に渡して操作する 3 つを作成しました。
基本構造:
私が使用できるよりも注意してくださいtransferThisProp
。実際には、これを「手動で」作成することを好みました。
FriendBox render には以下が含まれます:
Friend render には以下が含まれます:
コードを実行すると、次のメッセージが表示されます。
興味深い点は、chrome の react 拡張機能を使用すると、仮想DOM
が適切でバインディングが適切であることを確認できることです。Friend
最初の要素の子コンポーネントが言うことを除いて、すべてがうまく見えます_lifeCycleState: "UNMOUNTED"
これは、一番下の子がレンダリングされずにマウントされていないという間違いをしているよりも考えさせられました。すべてのコードが失敗しますが、正確な理由はわかりません。要素が自動的にマウントされない理由と、それを修正するにはどうすればよいですか?
完全なコード: http://jsfiddle.net/RvjeQ/
reactjs - 現在のコンポーネントの状態を、react で可能な別の外部メソッドにパラメータとして送信しています
ボタンをクリックすると、サブメソッドに移動する必要があります..代わりに、サブメソッドはすべての状態変化に応答し、最後にボタンを押すとデフォルトのhandleSubmitメソッドに移動します..ヘルプ!!