使用Redux状态初始化React钩子表单的默认值

问题描述

我很难使用React Redux对象为React钩子表单分配默认值。

我正在使用react-hook-form，Redux工具箱和materiauli。看来问题出在materialui的TextField上，但我仍然无法解决。

初始化

const dispatch = useDispatch()
const category = useSelector(state => state.inventory.categories.category)

useEffect(() => {
  dispatch(getCategoryData(id))
},[])

React Hook表单的初始化

const { register,handleSubmit,reset } = useForm({
  defaultValues: {
    name: category.name
  }
})

JSX无法正常工作

< TextField
  name='name'
  id='name'
  label='name'
  variant='outlined'
  InputLabelProps={{
    shrink: true,}}
  className={classes.form__item}
  inputRef={register}
/>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）