@accessible/use-id 中文文档教程

Question

---

useId()

npm i @accessible/use-id

---

创建唯一的确定性 ID 以促进 WAI-ARIA 和服务器渲染。 从 @reach/auto-id 分叉。

Quick Start

```jsx和谐 import useId from '@accessible/use-id'

常量组件 = () => { const id = useId() 返回

//

} ```

API

useId(fallbackId?: string | null | 0 | false, prefix?: string): string | undefined

一个钩子，每个组件返回一个唯一但确定的 ID

Arguments

Argument	Type	Default	Required?	Description
fallbackId	string | null | 0 | false	undefined	No	Allows you to provide your own id as a fallback
prefix	string	????	No	Allows you to provide a prefix for the id to prevent collisions with other auto id libs

Credit

这个库是 @ 的一个分支reach/auto-id

Why fork?

Reach UI 不使用真正的语义版本控制（他们的每个包同时更新版本，不管 对单个包的更改……废话）所以你可能（而且很烦人）很容易得到重复的 包中 auto-id 包的版本。 最后，Reach 库会抛出超级烦人的警告 在 SSR 中，因为它使用 useLayoutEffect。 这个库使用 @react-hook/passive-layout-effect 避免这种情况。

LICENSE

麻省理工学院