问题的出现
在用react函数组件时,我想像form表单中填充选中项的信息,想实现如下图,点击修改会自动填充
核心代码如下:
const form = formRef.current // 使用 getFieldsValue 获取多个字段值
if (form) {
form.setFieldsValue({
'username': curruser.username,
'mail': curruser.email,
'phone': curruser.phone,
'role': roleNames[curruser.role_id]
})
}
可是这产生大问题
问题的产生与解决
页面刷新curruser的数据就没有了,页面直接报错,想了下,找到了解决办法,把curruser当做一个状态用hooks保存起来,代码变成如下的样子:
setcurruser