国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>よろしくお願いします。React Hook Form と useFieldArray Hook を使用してマテリアル UI テーブルを作成しました。 <pre class="brush:php;toolbar:false;"><Box コンポーネント="form" onSubmit={ハンドルサブミット(送信)}> <グリッドコンテナの間隔={2}> <グリッド項(xiàng)目 xs={12} sm={12} md={12} lg={12}> <テキストフィールド label="エブネット名" 全幅 {...register("イベント名")} 名前="イベント名" /> </グリッド> <グリッド項(xiàng)目 xs={12} sm={12} md={6} lg={6} alignSelf="center"> <テキストフィールド label="イベント會場名" 全幅 {...登録("イベント會場")} name="イベント會場" /> </グリッド> <ボックス sx={{ 幅: "100%" }}> <ダイアログタイトル sx={{ fontWeight: "太字"、textTransform: "大文字" }} > チケットカテゴリー </ダイアログタイトル> </ボックス> <グリッド項(xiàng)目 xs={12} sm={12} md={5} lg={4}> <テキストフィールド ラベル=「カテゴリ」 全幅 {...登録("チケット貓名")} name="チケット貓名" /> </グリッド> <グリッド項(xiàng)目 xs={12} sm={12} md={3} lg={3}> <テキストフィールド タイプ=「數(shù)値」 ラベル="価格" 全幅 {...register("ticketCatPrice")} name="ticketCatPrice" /> </グリッド> <グリッド項(xiàng)目 xs={12} sm={12} md={3} lg={3}> <テキストフィールド タイプ=「數(shù)値」 ラベル="合計" 全幅 {...登録("ticketCatTotal")} name="ticketCatTotal" /> </グリッド> この値は、フォームを送信したときに取得されます。 </ボックス></pre> <p>私たちはマップを使用して表示するための動的表現(xiàn)コンポーネントを作成しました。</p> <pre class="brush:php;toolbar:false;">{fields.map((item,index) => { 戻る （ <その他のフィールド register={登録} key={アイテム.id} 削除={削除} インデックス={インデックス} アイテム={アイテム} コントロール={コントロール} /> ); })} <p>フォームを送信すると、フィールド配列內(nèi)の値にはデータが表示されませんが、フィールド配列外の他のフィールドは正常に機(jī)能します。 </p> <p>これはコンポーネントのコードです。 </p> <pre class="brush:php;toolbar:false;">import { Box, Grid, IconButton, SvgIcon, TextField } from "@mui/material"; "react" から React をインポートします。 '@mui/icons-material/Delete' から DeleteIcon をインポートします。 import { フラグメント } from "react"; const MoreFields = ({ 登録、削除、インデックス、項(xiàng)目 }) => { 戻る （ <フラグメントキー={item.id}> <グリッド項(xiàng)目 xs={12} sm={12} md={5} lg={4}> <テキストフィールド ラベル=「カテゴリ」 全幅 {...register(`ticketCategory.${index}.ticketCatName`)} name={`チケットカテゴリー${インデックス}.チケットキャット名`} defaultValue={item.ticketCatName} /> </グリッド> <グリッド項(xiàng)目 xs={12} sm={12} md={3} lg={3}> <テキストフィールド タイプ=「數(shù)値」 ラベル="価格" 全幅 {...register(`ticketCategory.${index}.ticketCatPrice`)} name={`ticketCategory${index}.ticketCatPrice`} デフォルト値={item.ticketCatPrice} /> </グリッド> <グリッド項(xiàng)目 xs={12} sm={12} md={3} lg={3}> <テキストフィールド タイプ=「數(shù)値」 ラベル="合計" 全幅 {...register(`ticketCategory.${index}.ticketCatTotal`)} name={`ticketCategory${index}.ticketCatTotal`} defaultValue={item.ticketCatTotal} /> </グリッド> <グリッド項(xiàng)目 xs={4} sm={4} md={2} lg={2} alignSelf="center"> <SvgIcon color='error' onClick={()=>remove(index)} sx={{cursor:'pointer'}}> <削除アイコン サイズ = "中" /> </SvgIcon> </グリッド> </フラグメント> ); }; デフォルトの MoreFields;</pre> をエクスポートします。 <p>フィールドを追加および削除できますが、送信時に値が表示されません。理由がわかりません、助けてください。 </p> <p>私が使用しているフックと関數(shù)。</p> <pre class="brush:php;toolbar:false;">const { register, handleSubmit, control } = useForm(); const { フィールド、追加、先頭に追加、削除、交換、移動、挿入 } = useFieldArray( { コントロール、 名前: "チケットカテゴリ"、 } ); const addFields = () => { append({ ticketCatName: "", ticketCatPrice: "", ticketCatTotal: "" }); }; const submit = (データ) => { コンソール.ログ(データ); };</pre></p>