Nebulous Plasma Muffin

    @alexkuz/react-object-inspector

    0.1.5-patch • Public • Published

    react-object-inspector

    npm version

    Simple object inspector made with React styled similarly to Chrome DevTools. You can use this tool to inspect Javascript Objects as an alternative to <pre>JSON.stringify(data, null, 2)</pre>.

    Demo

    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.

    Install

    NPM:

    npm install react-object-inspector

    CSS:

    <link rel="stylesheet" type="text/css" href="path/to/react-object-inspector.css">

    API

    <ObjectInspector />

    The component accepts the following props:

    • data: the Javascript object you would like to inspect
    • name: specify the name of the root node, default to undefined

    Usage

    import ObjectInspector from 'react-object-inspector';
    let data = { /* ... */ };
    
    React.render(
        <ObjectInspector data={ data } />,
        document.getElementById('objectInspector')
    );

    Install the example

    npm install && npm start

    Open http://localhost:3000/example/index.html

    Install

    npm i @alexkuz/react-object-inspector

    DownloadsWeekly Downloads

    4

    Version

    0.1.5-patch

    License

    MIT

    Last publish

    Collaborators

    • alexkuz