用普通的js在React.js中加载图标，永远不会调用componentDidMount

在React.js中使用普通的JavaScript加载图标时，不会调用componentDidMount生命周期方法。componentDidMount是React组件生命周期中的一个方法，它在组件挂载后立即调用。它通常用于执行一些初始化操作，例如数据获取、订阅事件等。

在React.js中加载图标通常使用第三方库，例如Font Awesome或Material-UI Icons。这些库提供了一组图标，可以通过引入相应的CSS或JavaScript文件来使用。

以下是使用Font Awesome库加载图标的示例：

在项目中安装Font Awesome库：npm install @fortawesome/fontawesome-free
在React组件中引入所需的图标：import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faCoffee } from '@fortawesome/free-solid-svg-icons';
在组件的render方法中使用图标：render() { return ( <div> <FontAwesomeIcon icon={faCoffee} /> </div> ); }

在上述示例中，我们首先通过引入FontAwesomeIcon组件和所需的图标faCoffee。然后，在组件的render方法中使用FontAwesomeIcon组件，并将faCoffee作为icon属性传递给它。

这样就可以在React.js中使用普通的JavaScript加载图标了。请注意，这只是一种示例方法，实际上还有其他方法和库可供选择。

腾讯云提供了一些与前端开发相关的产品，例如云开发（CloudBase）和云函数（SCF）。云开发提供了一整套后端服务，包括数据库、存储、云函数等，可以方便地与前端应用集成。云函数是一种无服务器的函数计算服务，可以用于处理前端应用的业务逻辑。

更多关于腾讯云的产品信息和介绍，请参考腾讯云官方网站：腾讯云。