25-12-12th

检查项目中的ts报错

1	npx tsc --noEmit --prety

css 滚动条导致boder-radius边部分消失

可以先定义一个盒子，加上边框样式，

然后给这个盒子padding向内挤压，

再到这个盒子内部再定义一个盒子，

给这个内部的盒子设置滚动，

就能避免边框消失问题。

不应在useEffet中写入useRef保存的变量

const count = useRef(0)

这里有代码使得count保存的值发生变化了
...
..

useEffect(()=> {
 	// 由于我们总能获得ref最新的值，所以不应该写入依赖，
  
  // 除非你想在ref保存的变量发生变化时执行一些额外操作
}, [count.current]) // 这里还包含其他的依赖项

可以使用useRef保存函数，来保证函数的引用不变，

// 在每次渲染时重新赋值current保存的最新函数，来访问最新外部变量
 const ref = useRef();

  // 始终保持ref为最新的函数
  ref.current = () => {
    console.log(state);
  };

  useEffect(() => {
    // 通过ref.current调用，这样effect只依赖ref，而ref是稳定的
    ref.current();
  }, [ref]); // 注意：ref本身是稳定的，所以effect只运行一次

// 对在useCallback中被使用的值，采用useRef保存的形式，这样就不用将这个值加入到依赖项

 const fetchData = useCallback(async () => {
    const result = await api.fetchData(countRef.current);
    setData(result);
  }, []); //

图标的几种使用方式

1	<Icon component={UnknownSvg} {...iconSize} /> UnknownSvg 是svg标签图标

< img src={IconComponent} width={'16px'} height={'16px'} {...attr} />  

//  IconComponent 是引入的svg文件

// img展示svg标签的方式, 没错，img标签也是可以展示svg的