怎么通过useRef来修改input框的value值

`useRef` 是 React 的内置 Hook，它返回一个指向当前引用元素的可变引用，常用于需要访问 DOM 元素的场景，但并不直接改变其值。如果你想通过 `useRef` 修改 input 标签的 `value` 值，可以按照下面的步骤操作：

1. 首先，在组件的函数组件内部，使用 `useRef` 创建一个引用：

import { useRef } from 'react';

function MyComponent() {
  const inputRef = useRef(null); // 初始化一个空的 ref 对象
}

2. 当你想更新输入框的值时，比如在用户输入事件（如 `onChange`）触发时：

<input ref={inputRef} onChange={(e) => {
  inputRef.current.value = e.target.value; // 直接修改ref所指向元素的 value 属性
}} />

这里，我们利用 `event.target` 获取到输入框的 DOM 节点，并通过 `.value` 属性设置新的值。