使用带有 react-hook-form 的 useFieldArray append 时出错(无法读取 null 的属性(读取“焦点”))

哥茨基

Select当我尝试从useFieldArray钩子调用 append 函数时,我从 Material-UI组件收到错误(无法读取 null 的属性(读取“焦点”))

代码沙盒链接

单击“附加”按钮,您将看到错误页面。请帮助我调查此问题或建议此代码的最佳实践。

附注。尝试将名称更改line: 18name: "test2"然后再次单击“附加”,这不是错误。

近胡斯卡尔

看起来您需要在想要聚焦输入时添加onFocusto please react-hook-form看到这里onFocus道具请注意,此道具已在 RHF v7删除Controller

<Controller
  render={({ ref, ...rest }) => (...)}
  name={name}
  onFocus={() => {
    const inputEl = document.querySelector(
      `input[name="${name}"]`
    );
    inputEl.focus();
  }}

代码沙盒演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章