0.1.11 • Published 5 years ago
pretty-json-view v0.1.11
Pretty Json View
This is a react component for displaying json
Get Started
Install
npm i pretty-json-view
Usage
import {Component} from 'react';
import PrettyJsonView from 'pretty-json-view';
import "pretty-json-view/style.css"
export class Hello extends Component {
render(){
let data = {
code: 0,
msg: "success",
data: {
"username": "linkduan",
"history": ["home", "school", "office"]
}
};
// Optional: tagInfo will show at then end of json fields
let tagInfo = {
"code": "status code",
"msg": "status message",
"data.username": "user's name",
"data.history": "history",
"data.history.$": "history item"
};
return <div>
<PrettyJsonView data={data} tagInfo={tagInfo}/>
</div>
}
}
It will show like this: