安装: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语句高亮并带有行号展示
效果如下:
</