yewills-react-code-diff v1.0.0

react-code-diff

此组件是基于vue-code-diff实现的react版本代码对比展示工具。

代码对比展示demo

安装

npm install react-code-diff

使用

import {Component} from 'react';
import CodeDiff from 'react-vode-diff';

class Demo extends Component{
    constructor(props) {
        super(props);
        this.state = {
            oldStr: oldStr,
            newStr: newStr,
        }
    }
    render(){
        return (
            <div>
                <CodeDiff oldStr={oldStr} newStr={newStr}/>;
            </div>
        )
    }
}

export default Demo;

参数说明

效果展示

line-by-line

side-by-side

LICENSE

MIT