带有 material-ui 的 React-hook-form 不会显示来自规则的错误

Question

我是使用 react-hook-form 的新手，经过大量研究后，我仍然无法理解我做错了什么。我做了一个沙箱，里面有一个简单的输入数字。

我希望我的表单表现如何：我希望显示默认值 (16)，并且我希望在数字不遵守给定规则时显示输入下方的错误（当数字不在 16-99 之间）。

有人可以帮我理解吗？我要疯了！ :s

这里是沙盒链接：https://codesandbox.io/s/crazy-northcutt-8wt6p?file=/src/App.tsx

Answer 1

将TextField的值改为render的参数值。还要添加提交按钮以进行验证工作。

我已经分叉了你的代码以获得详细的代码 https://codesandbox.io/s/heuristic-fire-eroqv