如何在没有重新渲染的React中编写表单?

Question

在组件中编写表单而不呈现它的最佳方法是什么?

与onChange输入，每个字母渲染组件，它非常慢。在输入上使用onBlur会更好，但是每个输入也会重新渲染组件。

还有别的方法吗?(回调,备忘录?)

你能给我举个例子吗?

Answer 1

useRef

1. 申报:const inputRef = useRef(null);
2. 将该值传递给输入ref属性:<input ref={inputRef} type="text" />
3. 当你需要在提交表单处理程序的数据:inputRef.current?.value