本文介绍了如何使用react-highlight库来实现select语句的高亮展示，并添加行号。首先通过npm安装react-highlight，然后导入并使用组件。为了达到预期效果，需要引入monokai_sublime主题的CSS和highlight.min.js。在React项目中，可以结合jQuery进行操作，确保代码正确显示。每段代码前后需添加行号标记，以便呈现效果。提供的代码示例展示了具体的实现过程，如有疑问，作者欢迎交流讨论。
安装：npm install react-highlight --save
导入：import Highlight from ‘react-highlight’
使用：<Highlight languages={[“javascript”]}>Hello React
但是吧~
使用这个插件，最好采用下面这种方式：
1.引入这个css样式
http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css
2.引入这个js
http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js
(备注：如果是在react项目中使用的话，按照最开始的那种方法npm安装)
3.可以结合jq实现（最好使用这个版本）
https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
按照以上几个步骤就可以使用select语句高亮并带有行号展示
效果如下：
具体操作代码可以参考
$(“code”).each(function(){
console.log(8888)
$(this).html(
扫一扫
3574
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
