Simple object inspector made with React, an alternative to <pre>JSON.stringify(data, null, 2)</pre>
. You can use this tool to inspect Javascript Objects. Styled similarly to Chrome DevTools.
Tree state is saved at root. If you click to expand some elements in the hierarchy, the state will be preserved after the element is unmounted.
NPM:
npm install react-object-inspector
CSS:
<link rel="stylesheet" type="text/css" href="path/to/react-object-inspector.css">
The component accepts the following props:
data
: the Javascript object you would like to inpsect
import ObjectInspector from 'react-object-inspector';
let data = { /* ... */ };
React.render(
<ObjectInspector data={ data } />,
document.getElementById('objectInspector')
);
npm install && npm start