反应表单处理？答案

【问题标题】：React form handeling?反应表单处理？
【发布时间】：2021-12-24 11:58:47
【问题描述】：

在 react 中使用表单或输入标签时，我使用 useState 作为表单的值。

const [value,setvalue]=useState("");
onInput(e)=>{setvalue(e.target.value)};

但是每次用户填写表单时，组件都会重新呈现。有没有更好的方法来做到这一点？

【问题讨论】：

以代码块格式分享您的更多代码，以便其他人能够真正帮助您。组件和状态逻辑。
是的，使用react-hook-form 这是可能的 - 查看这个简短的video 以了解react-hook-form 和您的useState 方法之间的区别。

【解决方案1】：

如果您使用的是表单，您可以使用onSubmit

<form onSubmit={this.handleSubmit}>
  <input type="text" name="input1" />
  <button type="submit">Submit</button>
</form>

在handleSubmit函数中：

    handleSubmit(event) {
        event.preventDefault();
        var input1 = event.currentTarget.input1.value;
        // Do the rest
      }

【讨论】：