react-json-viewer

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

 

[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/react-json-viewer.svg?style=flat-square
[npm-url]: https://npmjs.org/package/react-json-viewer
[download-image]: https://img.shields.io/npm/dm/react-json-viewer.svg?style=flat-square
[download-url]: https://npmjs.org/package/react-json-viewer

Install

``bash
npm install --save react-json-viewer
`

![react-json-viewer](https://npmjs.org/package/react-json-viewer)

Usage

`jsx
import React, { Component } from 'react';

import JSONViewer from 'react-json-viewer';

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

Demo

http://nsisodiya.github.io/react-json-viewer

JSFiddle Example

http://jsfiddle.net/nsisodiya/61fwqcg5/

What

!alt pic
!alt pic

License

MIT © nsisodiya