React用图标替换li子弹头

Question

我已经找到了很多解决这个问题的答案，用CSS或字体awesome，然而，我有一个来自https://react-icons.github.io/react-icons/icons?name=bi的图标，我想用这些图标之一代替li标签子弹。

我尝试添加在每个<灯>但是这看起来不太好，需要很多的样式，所以我想知道是否有一个更简单的解决方案。

Answer 1

在您的ul中创建一个类，然后按照如下所示样式化您的CSS:

HTML:

<ul class="sample">
<li>This is a list item</li>
<li>This is another list item</li>
<li>This is also another list item</li>
</ul>

CSS:

ul.sample {
list-style-image: url('**your icon path **  icon_sample.jpg');
}