书笙

交互展示 使用 需求 支持自定义字体大小 支持背景，及 hover 效果 每组的最后一个导航，保持 hover 效果 支持下划线导航 支持图标导航 支持自定义分隔符导航 实现

JSX JSX是 ECMAScript 的语法拓展，我们可以用 JSX 语法 来更加灵活，自如，声明式的表达 React UI组件，JSX最终都会被编译器转译成为 ECMAScript。 旧转换 新转

交互展示 使用 需求 支持不同大小 支持不同对齐方向 支持无文字自定义 padding 支持字体大小 支持不同尺寸 实现

legacy 模式 下的 setState legacy 模式下：也就是 通过 ReactDom.render() 方法来挂载时，setState 在 生命周期函数，事件函数当中是批量异步更新，而在定

使用 需求 支持不同方向的抽屉 支持异步抽屉 支持全屏抽屉 支持自定义尺寸抽屉 支持自定义页脚抽屉 实现

交互展示 使用 需求 支持不同方向，不同大小，不同类型的多选按钮。 实心样式多选题按钮。 实现 思路：CheckBox 主要是复用了 Radio 组件。

ErrorBoundary React 通过深度优先遍历来调度 Fiber ，所以 ErrorBoundary 组件 有能力捕获到渲染期间子组件发生的异常，并且会阻止异常继续传播，不会导致整个应用程序

交互展示 使用 需求 支持不同方向，不同大小，不同类型的单选按钮。 实心单选题按钮。 实现 思路：Radio 主要是复用了 ButtonBase 的 type, 以及 ButtonBase 的 波浪动

普通模式 手风琴模式 第一：菜单基本使用 菜单的基本 HTML 结构实现 菜单的展开和收缩基本思路 通过使用 ref，获取到对应收缩子容器的节点。 实现树的展开和收缩 第一：收缩的时候，高度变为 0