躺平的sx

flex-shrink压缩 flex-shrink 默认为 1 ，当大于宽度时会压缩 如下：设置了没个 item 的宽度为 25% 把 flex-shrink 设为 0

思路：通过Ref获取DOM元素，进而获取元素的 scrollWidth 可滚动的宽度, clientWidth 占据的宽度,计算出可滚动距离用来设置是否显示滚动的 icon ，再获取对应的 tab 的

前端开发中，经常需要获取标签对象对其进行操作 比如下面的音频标签，需要通过 xxxRef.current 获取到标签对象在调用 pause 或 play 来控制播放或者暂停

ReactElement与ReactNode 子组件的 children 为 ReactNode 类型， children 可以提供多个子元素 子组件的 children 为 ReactElement

当动态设置 useState 的值时， useState 的值有这样的变化，第一次的值为 undefinded ，第二次为请求获取到的数据或者从 redux 中获取的数据，但是 useState 并没

React 中提供了一些优化的 Hook ，我们该在什么时候使用它们呢？ 这里介绍了 useCallback 如何优化 React 项目 useCallback 主要是用来优化父组件给子组件传递的方法

前端开发经常需要子组件给父组件传递数据，这里展示 React 中子组件如何给父组件传递数据 如下：点击选项把 name ， index 传递给父组件 思路：在父组件中定义 tabClick 并传递一个

前端开发中经常要给样式添加高亮，这里提供了 `react` 添加高亮的两种实现方式，通过class实现 安装第三方包 定义样式 使用 通过style实现

单行文本溢出 如果只定义一行文本溢出，直接使用 tailwindcss 定义的类即可 多行文本溢出 安装插件 在 tailwind.config.js 中导入插件 使用