首页 > 解决方案 > 如何使用字体真棒在搜索框中输入搜索图标

问题描述

我有一个搜索框,在这个搜索框中,我想使用 font awesome 输入搜索图标,我在我的 react 应用程序的索引文件中添加了 CDN

我已经使用 CLI 安装了 font awesome 并且我已经将 font awesome 代码添加到了搜索框中,但是我不断收到未定义的响应字体 awesome。

    div className="header">
      <p>Hello World</p> 
      <span>Clients list</span>
      <input 
       className="form-control" 
       type="search"
       placeholder = "search"/> 
       <FontAwesomeIcon icon="search"/>

   </div>

我只希望搜索图标显示在占位符中的搜索词旁边以及搜索框中。

标签: reactjs

解决方案


推荐阅读