React表单处理？

Question

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

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

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

Answer 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
      }