React (共2篇博客)

# 同步修改变量功能封装 useVal for react react 正常 useState 功能，并不是同步修改state，再某些场景需要借助 useRef 才能完成功能。 比如调用某个接口拿了数据A，需要进行某些计算时，需要用到组件中另一个数据B的最新的值，这个功能就不能顺利完成。 要么把数据A也方法一个useState中，然后使用useEffect监听数据A和数据B，进行计算。 要么使用一个数据B的ref，修改数据B时需要手动或监听数据B的变化，修改数据B的ref值，在接口完成后，从数据B的ref中读取最新的数据B。 就很难受。 所以封装了下面这个js，用法和useStat

# Svg转IconFont 这是一个提供给Vite作为编译工具时的一个工具，作用是在项目中放入Svg类型的文件，通过在这个工具，转为可以继承父组件的font-size、color等属性的类IconFont来使用。 支持vue和react，下面主要用vue来距离，会提供react时的代码。 主要原理时，在vite编译时，运行新写的脚本，去获取某个文件夹下的svg文件们，把他们的内容都写到页面的body中。 后面在开发时，要使用哪个图标，就使用固定的组件，传入name，name的值就是svg文件的名称。 有两个缺陷： - 目标文件夹下的svg文件们都会一次性加载到body下，不用时看