weixin_63681863的博客

React和TypeScript集合使用的重点集中在 以及 的位置，这些地方最需要数据类型校验Vite安装依赖运行项目useState简单场景复杂场景没有具体默认值useRef获取dom如果你可以确保 不是null，也可以在传入初始值的位置稳定引用存储器为Props添加类型使用interface接口使用自定义类型Type为Props的chidren属性添加类型:::warning说明：React.ReactNode是一个React内置的

如果上一小节的例子，我们不想通过引用来比较，而是完全比较数组的成员是否完全一致，则可以通过自定义比较函数来实现// 自定义比较函数return (})console.log('子组件被重新渲染了')console.log('父组件重新渲染了')return (内容一样{JSON.stringify(list)}内容不一样{JSON.stringify(list)}

CRA是一个底层基于webpack快速创建React项目的脚手架工具。

路由的 记账本案例

路由

Redux：RTK、react-redux、createStore、createSlice、useSelector、useDispatch、dispatch ， 美团外卖案例

useRef 组件通信 useEffect

项目运行指令，列表渲染，事件绑定，组件基本使用，useState，类名控制className，【实战项目】B站评论项目，classNames包优化类名控制