Javascript 高亮显示react语法荧光灯中的行

有没有办法突出显示react语法高亮组件内的代码行？您可以在下面第43行的图像中看到我所指的高光

---

您可以对生成的

span

s进行黑客攻击。首先，在不讨论React的情况下，让我们使用普通jQuery来解决问题：

打开，然后运行

$(".language-javascript>span:nth-child(3)").css('background-color', 'blue')

您将看到

3

rd行为蓝色

---

第二，让我们让它在React中发挥作用。您可以使用一些库将css代码（如

.language javascript>span:nth child（3）{background color:blue；}

（其中

3

是您要突出显示的行号）注入React组件树。

是的，我希望有更简单的方法，但解决方案似乎就是这样。我的问题是，我有一个标记文件内的突出显示，我希望它服务器渲染它。如果我将.md文件转换为mdx并专门为此创建一个组件，这可能会很好地工作。无论如何，这看起来是一条路要走。谢谢你的回复！