Javascript 使用hljs库动态突出显示React中的代码

我从服务器获取要显示的代码片段

如果我想显示代码，我会将节点附加到DOM。如果没有代码显示，我将从DOM中删除该节点

我用它来突出显示代码

要突出显示：

<script>hljs.initHighlightingOnLoad();</script>

但我没有看到任何突出显示

---

如何在ReactJS中随时动态突出显示代码？

动态突出显示某些节点（您的代码必须介于

hljs.highlightBlock(document.getElementById("codeblock"));

其中，
codeblock
是节点的id。例如，

如果您是通过npm使用，请将其导入代码中，如
require（“arrival”）；

为
arrival
编写回调函数：

document.arrive("#codeblock", () => this.highlight());

要注册
到达
：在
构造函数（）中调用此函数

它应该可以完成工作。
你读过文档了吗？@SkrewEverything是的，但是有些示例在jQuery中，有些只是没有任何示例的文档。我自己无法理解。谢谢。你再次为我节省了很多时间。
$ npm install -S arrive

highlight(){
        if(document.getElementById("codeblock") != null){
            hljs.highlightBlock(document.getElementById("codeblock"));
        }

}

document.arrive("#codeblock", () => this.highlight());