react-code-differ

本组件可用于代码差异的查看, 由于是 react 编写的，仅支持 react 版本

组件文档地址

先支持两种使用方式：

1. 本地文件引入
2. github 线上 diff 地址引入

安装

npm i react-code-differ

本地文件引入

import{CodeDiff}from"react-code-differ";importdiffTextfrom'./diffText'exportconstMyComponent=(args)=>{return(<CodeDifftype={"local"}path={diffText}/>);};

github 线上 diff 地址引入

import{CodeDiff}from"react-code-differ";exportconstMyComponent=(args)=>{constpath="https://api.github.com/repos/rtfpessoa/diff2html/pulls/106"return(<CodeDifftype={"github"}path={path}/>);};