PrimeReact与react图标的结合

Question

我想知道是否有可能在PrimeReact中使用react图标包中的图标，因为不幸的是，primeIcons包没有包含我的项目所需的所有图标。

我还没有找到这方面的解决方案，因为react图标将图标导出为组件，而PrimeReact获得由字符串分配的图标。

Answer 1

要更改，例如搜索按钮中的图标

您可以访问https://react-icons.github.io/react-icons/search?q=fasearch

右键单击图标并检查元素，将SVG复制到开发人员控制台。

创建say search.svg文件并将svg粘贴到文件中，在例如root.css文件中添加下面的类

.pi-search:before {
  content: url(search.svg) !important;
}

这将更改搜索图标。