React 的 useId 怎么使用

useId 是 React 18 引入的一个新 Hook，它用于在客户端生成稳定的、唯一的 ID。这个 Hook 特别有用于提高无障碍性（a11y），比如在构建自定义的下拉菜单、模态框或工具提示等组件时，需要为每个动态创建的元素分配唯一的 ID，以便无障碍技术（如屏幕阅读器）能够正确识别和操作这些元素。

基本用法

useId 返回一个字符串，这个字符串在组件的多次渲染和跨组件边界时保持一致，只要组件树的结构保持不变。

import React, { useId } from 'react';

function MyComponent() {
  const labelId = useId('label');
  const inputId = useId('input');

  return (
    <div>
      <label htmlFor={labelId}>Username:</label>
      <input id={inputId} aria-labelledby={labelId} />
    </div>
  );
}

然而，上面的用法可能并不是 useId 的典型用途&