React 18 带有许多特性，例如自动批处理、并发和新的 Hooks。
这些 Hooks 通常都有非常明确的使用目的，比如 useTransition 用于处理 React 中的转换；useSyncExternalStore 用来读取外部数据源。
本文将深入探讨 useId ，它的用途以及一些其他方案的对比。
同构是指在服务器端和客户端之间共享相同的代码，这意味着服务器端代码也可以在客户端运行。
React 支持开箱即用的同构，在同构应用中渲染列表时，如果我们没有一个唯一的 id，很多人习惯使用 Math.random 或类似 uuid 这样的库来生成一个唯一 id。但这些方法有一个共同的缺点：当程序运行时，由服务端生成的 uuid 或 Math.random 会和客户端生成的不同。
这种 id 不匹配会导致水合和可访问性的问题。
在 useId 之前，React 有一个 useOpaqueIdentifier Hook，它是 useId 的第一个版本，但是它有很多问题。经过 React 团队的重构，它被重命名为 useId。
useId 的作用非常简单，生成一个唯一且稳定的 id，可以在应用的服务端或客户端使用。useId 生成的 Id 无论是在服务器端还是客户端都是稳定的。
id 还负责处理可访问性问题，这意味着可访问性 API 可以使用这些 id 将组件链接在一起。使用 useId 也可以解决水合问题。
使用 useId 非常简单，只需调用 useId，它会返回一个值，然后使用这个值就可以了。具体示例可以看下面