jsondiffpatch for react
npm install jsondiffpatch-for-reactnpm install jsondiffpatch-for-react
``jsx
import React from 'react';
import JsonDiffReact from 'jsondiffpatch-for-react';
left: PropTypes.any,
show: PropTypes.bool,
annotated: PropTypes.bool,
tips: PropTypes.string,
objectHash: PropTypes.func,
/>
`
* left (array, object, string)
* right (array, object, string)
* show (bool)
you can show/hide unchanged values
* annotated (bool)
This will render the original JSON delta in html, with annotations aside explaining the meaning of each part. This attempts to make the JSON delta format self-explained.
* tips (string)
Message that will displayed in case both elements are identical.
* objectHash (function)
Will be passed to jsondiffpatch to improve array comparison performance, as described here.
Example:
`jsx``
right={right}
objectHash={(obj: any) => obj.id || obj._id || obj.name || JSON.stringify(obj)}
/>