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

Question

我很难使用 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}
/>

标签： reactjsreduxreact-reduxmaterial-uiredux-toolkit