React中如何为非受控组件设置默认值？

【概念释义】

非受控组件由 DOM 自身保存表单值，React 不通过 state 驱动 value。设置默认值用 defaultValue（文本/ select）或 defaultChecked（checkbox/radio），仅在首次挂载生效；后续改 DOM 不会 sync 回 prop。读取值用 ref 或 FormData。

【基础使用】

function SignupForm() {
  const nameRef = useRef(null);
  const submit = (e) => {
    e.