問題タブ [react-component]

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.

0 投票する
2 に答える
288 参照

reactjs - Reactのダムコンポーネント内でのマッピング/ループ

非常に多くのデータで使用されるダム コンポーネントを作成しますが、表示は同じです。

問題は、ネイティブのデータ型またはオブジェクトの配列のみを受け入れる方が良いダムコンポーネントですか? 私のデータプロパティはテーブルごとに異なるためです。

長所: オブジェクト プロパティの依存関係がない

短所:スマートコンポーネントでループが必要なため、面倒になります vs

長所:スマートコンポーネントでよりシンプル

短所: ダムコンポーネントは特定のデータプロパティのみを受け入れます

では、どちらが良いでしょうか?私は2番目のものを使用し、最初にcomponent.tsにマッピングしてオブジェクトのプロパティを変更しますが、component.tsが乱雑になります

0 投票する
3 に答える
46208 参照

javascript - React の警告: 関数は React の子として有効ではありません

私はこの反応コンポーネントを持っています。これは適切にレンダリングされていませんが、次のような迷惑な警告が表示されます

関数は React の子としては有効ではありません。これは、レンダーからではなくコンポーネントを返す場合に発生する可能性があります。または、この関数を返すのではなく呼び出すつもりだったのかもしれません。

これが私のコンポーネントです。ここで何が間違っていますか?

アップデート

@Ross Allen - その変更を行った後、render メソッドはメモリ クラッシュの可能性がある無限ループになっているようです

0 投票する
2 に答える
45 参照

javascript - React コンポーネントから子要素を読み取る方法

反応コンポーネントのすべての子要素のリストを取得したい。

例えば:

親.js

SomeComponent.js

だからParent.js私は取得したいChildElement1ChildElement2. それは可能ですか?

私のユースケースは次のとおりです。

フォーム フィールド (フィールド コンポーネント) をジェネリック フォーム コンポーネントに渡しています。Form 要素は、デフォルト値のオブジェクトとその他のもの (関連する CRUD/リソースなど) を受け取ります。そして、これらの値をフィールドに注入する必要があります。すべてのフィールドを 1 つずつ渡して繰り返しを避ける代わりに、「UserFields」などのコンテナーをいくつか作成しました。これらは Fields コンポーネントを持つコンテナーです。したがって、UserFields の Fields を読み取るには Form が必要です。しかし、フィールドは既に UserFields 内にあるため、それらを取得する方法がわかりません。