在学习一个React项目的源码。
项目是通过npm安装的fontawesome:
还可以看到,在代码中是这么用的:
效果很明显,图标出来了:
我想改这个图标,就到fontawesome官网找,比如想用这个:
就用官网,这个图标提供的那行代码替换了原本的那行代码:<i class="fa fa-user-o" aria-hidden="true"></i>
但问题是,就是出不来我想要的图标,图标不显示。后来发现,我贴的这行代码<i class="fa fa-user-o" aria-hidden="true"></i>
和原本项目的那行代码<i className="fa fa-dashboard fa-fw"></i>
光结构上就有区别,多了个aria-hidden
属性(后来查了下好像是帮助残障人士的,所以原因应该不在这)
所以问题是:为什么我自己添加的图标不能用?还是我使用fontawesome的方式是错的,不应该去官网直接找?看package.json中安装的fontawesome是有版本号的,难道不同的版本号使用的class也可能出现变化?我应该怎么正确的使用通过npm安装的fontawesome,去哪找那些图标对应的代码?
className className className