A react component of diff text.
npm install react-text-diff
import {Component} from 'react';
import ReactTextDiff from 'react-text-diff';
class Demo extends Component{
constructor(props) {
super(props);
this.state = {
oldStr: oldStr,
newStr: newStr,
context: 100000, // max 100000
outputFormat: 'side-by-side' //'line-by-line' or 'side-by-side'
}
}
render(){
return (
<div>
<ReactTextDiff oldStr={oldStr} newStr={newStr} context={context} outputFormat={outputFormat}/>;
</div>
)
}
}
export default Demo;
git cloen xxx
npm i
npm run dev