反応:typescriptですインタフェースuseState問題

 インターフェイスを定義します。

インタフェースILoginState { 
  IMAGEID:ストリング。
  imageSrc:文字列。
  ユーザ名:文字列。
  パスワード:文字列。
  verifyCode:文字列。    
}

useState:

CONST [loginData、setLoginData] = useState(loginState)

IMAGEID && imageSrcを更新します。

setLoginData({ 
  ... loginData、
  IMAGEID:res.data.id. 
  imageSrc:res.data.content 
})

antd inputchange:

onInputChange(E:FormEvent <HTMLInputElementの> ){ 
  CONST inputName = e.currentTarget.id。
  constのinputValueで = e.currentTarget.value。
  setInputData({ 
    [inputName]:inputValueで
  }と{[キーkeyof ILoginState]:ILoginState [キー]})
}

 

おすすめ

転載: www.cnblogs.com/Nyan-Workflow-FC/p/11230813.html