第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

使用 React hooks 處理輸入時遇到問題

使用 React hooks 處理輸入時遇到問題

一只名叫tom的貓 2023-08-18 16:41:01
我嘗試用鉤子處理用戶的文本輸入。 const [inputValues, setInputValues] = useState({firstName:"",lastName:"",email:"",telNum:"",contactType:"Tel.",message:"",agree:false});我嘗試通過以下方式更新值  const handleChange = event => {setInputValues({ ...inputValues, [event.target.name]: event.target.value,});}和事件:onChange={handleChange}   輸入字段代碼示例:    <FormGroup row>          <Label htmlFor='firstname' md={2}>            First Name          </Label>          <Col md={10}>            <Input              type='text'              id='firstname'              name='firstname'              placeholder='First Name'              value={firstName}              valid={errors.firstName === ""}              invalid={errors.firstName !== ""}              onBlur={handleBlur("firstName")}              onChange={handleChange}             />            <FormFeedback>{errors.firstName}</FormFeedback>          </Col>        </FormGroup>但每當我在輸入字段中輸入內容時。我找不到在輸入字段中輸入的值。我不明白這里發(fā)生了什么。請幫助我擺脫困境
查看完整描述

2 回答

?
函數(shù)式編程

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

您的代碼中有一個拼寫錯誤。name 屬性是firstName 而不是firstname。


<FormGroup row>

          <Label htmlFor='firstname' md={2}>

            First Name

          </Label>

          <Col md={10}>

            <Input

              type='text'

              id='firstname'

              name='firstName'

              placeholder='First Name'

              value={inputValues.firstName}

              valid={errors.firstName === ""}

              invalid={errors.firstName !== ""}

              onBlur={handleBlur("firstName")}

              onChange={handleChange}             />

            <FormFeedback>{errors.firstName}</FormFeedback>

          </Col>

        </FormGroup>


查看完整回答
反對 回復 2023-08-18
?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

替換valuevalue={inputValues. firstName}



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

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號