栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

我如何在React Hooks中更新对象数组中的状态onchange

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

我如何在React Hooks中更新对象数组中的状态onchange

这是您的操作方式:

// sample datas structure // make sure to set the default value in the useState call (I already fixed it)const [datas, setDatas] = useState([    {      id:   1,      name: 'john',      gender: 'm'    }    {      id:   2,      name: 'mary',      gender: 'f'    }]);const updateFieldChanged = index => e => {    console.log('index: ' + index);    console.log('property name: '+ e.target.name);    let newArr = [...datas]; // copying the old datas array    newArr[index] = e.target.value; // replace e.target.value with whatever you want to change it to    setDatas(newArr); // ??}return (    <React.Fragment>        { datas.map( (data, index) => {   <li key={data.name}>     <input type="text" name="name" value={data.name} onChange={updateFieldChanged(index)}  />   </li>          })        }    </React.Fragment>)


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636446.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号