react-json-viewer

React JSON Viewer Component. View JSON in beautiful tabular format.

Install

npm install --save react-json-viewer

Usage

import React, { Component } from 'react';

import JSONViewer from 'react-json-viewer';

class Example extends Component {
  render() {
    return (
      <JSONViewer
        json={[
          {
            task: 'Learn React',
            done: true,
          },
          {
            task: 'Write Book',
            done: false,
          },
        ]}
      />
    );
  }
}

pic1

pic2

GitHub