亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用模板文字訪問輸入名稱屬性 (React)

使用模板文字訪問輸入名稱屬性 (React)

蠱毒傳說 2023-07-06 18:24:56
我在使用錯誤(React Hook Form 提供的對象)來顯示輸入字段的驗證消息(當必需的輸入字段為空時)時遇到一些問題。{  inputs.map((name) => (    <div key={name}>      <div style={{ marginTop: "3px" }}>        <input          name={`Chamfer Set.${name}`}          ref={register({ required: true })}        />      </div>      {errors[`Chamfer Set.${name}`] && (        <span>Please enter a value for {name}.</span>      )}    </div>  ));}基本上我必須將錯誤鏈接到輸入名稱屬性,在本例中我使用模板文字。但它不起作用,我猜這與文字有關,但我不太喜歡它。你們有什么想法嗎?如果我使用 console.log(errors),我有以下結構:
查看完整描述

2 回答

?
眼眸繁星

TA貢獻1873條經驗 獲得超9個贊

要訪問錯誤屬性,只需替換:

errors[`Chamfer Set.${name}`]

經過:

errors["Chamfer Set"] && errors["Chamfer Set"][`${name}`]


查看完整回答
反對 回復 2023-07-06
?
呼如林

TA貢獻1798條經驗 獲得超3個贊

嘗試


{

  inputs.map((name) => (

    <div key={name}>

      <div style={{ marginTop: "3px" }}>

        <input

          name={`Chamfer Set.${name}`}

          ref={register({ required: true })}

        />

      </div>

      {errors[`Chamfer Set`][`${name}`] && (

        <span>Please enter a value for {name}.</span>

      )}

    </div>

  ));

}


查看完整回答
反對 回復 2023-07-06
  • 2 回答
  • 0 關注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號