React Json Object Pretty - Javascript

React Json Object Pretty is a simple and useful library for formatting and displaying JSON objects in a readable and organized manner. This library can be used in React applications as well as any Javascript project.

Installation

To install React Json Object Pretty, you can use npm or yarn:

npm install react-json-object-pretty

yarn add react-json-object-pretty

Usage

To use this library, you need to import it in your code:

import JSONObject from 'react-json-object-pretty';

Then, you can pass a JSON object to the JSONObject component as a prop:

const myJSONObj = {
  "name": "John Doe",
  "age": 30,
  "email": "johndoe@example.com"
};

<JSONObject data={myJSONObj} />

This will display the JSON object in a readable format with proper indentation and line breaks.

You can also customize the appearance of the component by passing additional props such as theme, shouldExpandNode, and sortKeys.

<JSONObject 
  data={myJSONObj} 
  theme="summerfruit" 
  shouldExpandNode={(keyName, data, level) => level === 0}
  sortKeys={true}
/>

You can find more information about these props and their usage in the library's documentation.

Conclusion

React Json Object Pretty is a simple and handy library for displaying JSON objects in a readable and organized manner in React and Javascript projects. It has customizable options and is easy to use.