useId Hook
useId Hook
这是视频中的游乐场:
另一个好处
useId 钩子还有一个特别之处:它在服务器和客户端渲染中产生相同的值。这是一个非常特殊的属性,如果没有 React 提供的特殊解决方案,将很难重现。
在本课程的后面部分,我们将进一步了解服务器端渲染以及它带来的复杂性。
练习 — 切换组件
在这个沙盒中,您会发现一个几乎完全实现的 Toggle 组件。
通过为按钮添加一个唯一的 ID,并将其连接到标签来完成它。您应该能够通过点击“Dark Mode”文本来触发切换。
解决方案代码