为什么本地svg图标不能在react.js项目中解析？

本地SVG图标在React.js项目中无法解析的原因是因为React.js默认情况下只支持使用React组件形式的SVG图标，而不支持直接引用本地SVG文件。

React.js采用的是JSX语法，它将HTML和JavaScript进行了混合，可以直接在组件中使用类似HTML的标签语法。然而，SVG文件不是有效的JSX语法，无法直接在React组件中使用。

为了解决这个问题，可以使用React的SVG组件库或者将SVG图标转换为React组件。以下是两种常用的解决方案：

1. 使用React的SVG组件库：可以使用一些第三方的SVG图标库，例如react-icons、@mdi/react等。这些库提供了一系列已经转换为React组件的常用SVG图标，可以直接在React项目中使用。具体的使用方法可以参考官方文档，例如react-icons的文档地址为：https://react-icons.github.io/react-icons/
2. 将SVG图标转换为React组件：可以使用工具将本地的SVG图标转换为React组件，例如svgr。svgr是一个流行的SVG转React组件的工具，可以将SVG文件转换为可在React项目中使用的组件。具体的使用方法可以参考svgr的文档，地址为：https://react-svgr.com/

通过以上两种方法，你可以在React.js项目中成功解析并使用本地SVG图标。