react-jsonpath-editor

Usage

install the dependency using npm or yarn

npm i --save react-jsonpath-editor

yarn add react-jsonpath-editor

import React, {Component} from 'react'
import JsonPathEditor from 'react-jsonpath-editor';
 
class App extends Component {
    render() {
        return <div>
            <JsonPathEditor />
        </div>;
    }
}

Properties

Props	Type	Required	Description
inputProps	object	false	Properties passed down to the input
value	string	false	input default value
json	object	false	json to test the json path and provide autocompletion
onChange	function	false	callback called when jsonPath changed
editorPosition	object	false	{x,y} overrides the position of the editor
previewOrientation	right or left	false	Defines orientation of preview. default to right