react-json-view-compare

2.0.2 • Public • Published

react-json-view-compare

React json compare view plugin, supports expansion and hiding. Uses react hooks.

live demo

GitHub license

Links

Install

npm install --save react-json-view-compare

Usage

import ReactJsonViewCompare from 'react-json-view-compare';

const oldData = {
  name: 'super',
  age: 18,
  task: [
    { name: 'eat', time: '09:00' },
    { name: 'work', time: '10:00' },
    { name: 'sleep', time: '22:00' }
  ]
};
const newData = {
  name: 'coolapt',
  age: 20,
  task: [
    { name: 'eat', time: '09:00' },
    { name: 'work', time: '10:00' },
    { name: 'sleep', time: '23:00' },
    { name: 'running', time: '08:00' }
  ]
};
function App() {
  return <ReactJsonViewCompare oldData={oldData} newData={newData} />;
}
ReactDOM.render(<App />, document.getElementById('root'));

Example

示例1

Props

Attribute Type Default
oldData any no
newData any no

Events

not yet...

PS

如果喜欢请给个星星,谢谢。 If you like, please give me a star, thank you.

如果需要帮助: QQ:1573815240 邮箱: 1573815240@qq.com if you need help: QQ:1573815240 email: 1573815240@qq.com

Package Sidebar

Install

npm i react-json-view-compare

Weekly Downloads

23,997

Version

2.0.2

License

MIT

Unpacked Size

118 kB

Total Files

17

Last publish

Collaborators

  • coolapt