农担项目所遇问题及总结
组件封装
代码中有很多处组件的封装，例如SVG图标的组件封装，在代码中对于icon的展示有独特的封装， 它并非简单的存储svg，而是只存储svg的核心部分，然后再使用forwardRef来实现封装并后期利用className等对svg样式进行修改。这样在代码后续调用的时候就可以对svg图标进行丰富的自定义和操作。
首先是导入方式，此处在svg的路径后使用了?react后缀，其目的是告诉Vite：将这个SVG文件转换为一个React组件，这样在转化后Assistant就是一个可以直接渲染的React组件：<Assistant / >
阅读全文