react-json-beautify v1.0.0

react-json-beautify

A react component for rendering JSON data as a tree structure.

Based on vue-json-pretty.

Install

yarn add react-json-beautify

Usage

import ReactJsonBeautify from 'react-json-beautify';
import 'react-json-beautify/styles.css';

ReactDOM.render(<ReactJsonBeautify {...props} />, mountNode);

Example

<ReactJsonBeautify
  data={data}
  deep={options.deep}
  showDoubleQuotes={options.showDoubleQuotes}
  showLength={options.showLength}
  showLine={options.showLine}
  highlightMouseoverNode={options.highlightMouseoverNode}
  collapsedOnClickBrackets={options.collapsedOnClickBrackets}
  onClick={handleClick}
/>

Props

• If you are using only the normal features (JSON pretty), just focus on the base properties.
• If you are using higher features (Get data), you can use base and higher attributes.