DEVDEV

React Hooks でオブジェクトを気持ちよく扱う

作成日
2021-08-26
更新日
2021-08-26

実装

jsx
import { useState } from 'react' const [user, setUser] = useState(initUser) const handleChange = (e) => { const target = e.target const value = e.value const name = e.name if (name in user) { const updateItem = {...user, [name]: value} // 👈 ポイント setUser(updateItem) } }
jsx
<input type="text" name="username" value={user?.username || ''} onChange={handleChange} id="username" />

onBlurで保存とかしても良いかも

Related

TAGS

ReactJS

SHARE