主页 / coding / 问题 / 79489081
Accepted
user29867751
Asked: 2025-03-06 18:52:04 +0800 CST

无法设置焦点多个字段 mui react hook 表单

  • 772

转到'...' https://codesandbox.io/p/sandbox/jc2vtn

在顶部字段 (街道 1、街道 2、城市) 输入一些值。

然后点击“与账单相同”复选框。此复选框的onChange事件会将顶部字段的值复制到底部字段。

但是，setFocus不能正常工作。如果我setFocus分别使用这三个字段（检查它们是否有值时），setFocus则只对最后调用的字段有效。

reactjs

1 个回答

  1. Best Answer

    setFocus 会将光标移动到您在函数中输入的字段。如果您尝试同时对多个字段执行此操作，它不会执行任何操作。我认为您的目标是修复标签重叠问题？我发现当组件从不受控制（即具有未定义的值）更改为受控制（具有值）时会发生这种情况。尝试像这样设置字段的值，以便它始终受控制：

    <TextField
   value={value ?? ""}
   ...
/>

    当你想将它与 Mui 组件结合使用时，我还建议使用 React Hook Form Controller。https ://react-hook-form.com/docs/usecontroller/controller 另请参阅React Material UI Label Overlaps with Text

    • 0

相关问题