ReactJs-私は5つのフィールドを保持するTypeScriptでアプリケーションを構築しています:
- UserName-文字列
- 住所-文字列
- D.O.B
- 趣味-文字列
- 郵便番号-文字列
コンポーネント-「UserDetails.tsx」は、5つの入力ボックスで構成され、上記の詳細を入力してから、1つの送信ボタンを入力します。
「UserDetails」の上にインポートしている「ParentComponent.tsx」が1つあります。
したがって、「ParentComponent」の1つのボタンをクリックすると、ダイアログボックスが5つ以上の詳細を保持して表示されるようになりました。
1つのコンポーネントに複数のデータ(配列に推測)のリストを保存し、それを親コンポーネントに表示する方法を知りたがっている。
ReactJs-Typescriptでビルドします。
回答 1 件
関連記事
- Reactjs機能コンポーネントhistorypushでの使用方法
- ReactJS コンポーネントが定義されていませんか?
- 孫コンポーネントでメソッドを呼び出す方法
- Blazorでレンダリングする前に、子コンポーネントから親コンポーネントにデータを送信します
- クラスの状態を機能コンポーネントに渡す(typescript)
- Reactjsの外部からメインコンポーネント内のメソッドを呼び出す方法
- reactjsのサブコンポーネントでフィルターを作成するにはどうすればよいですか?
- Angular:子コンポーネントから親コンポーネントにデータを送信する方法は?
- 子コンポーネントのimgは、親コンポーネントによる新しい状態の受け渡しから変更されませんでした
- 子コンポーネントAngularでpropが定義されていないのはなぜですか?
関連した質問
- NextjsをAWSElastic Beanstalkにデプロイする方法は?
- Typescriptの番号で始まるエイリアスを使用するにはどうすればよいですか
- 反応:defaultPropsが定義されていても、TypeScriptが未定義をpropに追加します
- React-adminタイトルがないレコードをtypescriptで編集します
- lodashで内部オブジェクトを持つオブジェクトでグループ化する方法は?
- 反応フックでコールバックURLをクエリ文字列に形成する方法
- _appjs(Nextjs)内で宣言されたグローバルcssファイルからcssクラスを使用する方法
- nextJSでページ言語を検出して使用する方法(ReferenceError:ウィンドウが定義されていません)
- アイテムインデックスを1から始める方法
- 条件付き反応小道具のTypescript宣言
https://reactjs.org/docs/handling-events.htmlを参照して、この基本的な考え方を理解し、それに応じて変更を加えることができます。
それに具体的な答えを持っている人は誰でもコメントしてください