react useid

React中的`useId`是一个自定义的hook，用于生成唯一的ID。这个hook可以在需要使用ID的地方调用，返回一个唯一的ID字符串。下面是一个示例代码：

import { useState, useEffect } from 'react';

function useId(prefix = '') {
  const [id, setId] = useState('');

  useEffect(() => {
    setId(`${prefix}-${Math.random().toString(36).substr(2, 9)}`);
  }, [prefix]);

  return id;
}

function Component() {
  const inputId = useId('input');

  return (
    <div>
      <label htmlFor={inputId}>Name:</label>
      <input id={inputId} type="text" />
    </div>
  );
}

在上面的示例中，`useId`是一个自定义hook，用于生成唯一的ID。在`Component`组件中，我们调用了`useId`生成一个唯一的ID，并将其用作`input`元素的`id`属性。这样，在点击`label`标签时，`input`元素会自动聚焦。