Json editor component for React

What?

This component is a React wrapper for the jsoneditor NPM package.

Why?

Did not find a reasonable JSON editor component for react. Needed one. Did some research. Found a good editor library. Wrapped it.

How?

1
2import ReactDOM from 'react-dom';
3import JsonEditor from '@dr-kobros/react-jsoneditor';
4
5const json = {
6  tussin: 'lussutus',
7  number: 666,
8  array: [
9    1,
10    2,
11    3,
12  ],
13  obu: {
14    lipaiseppa: 'ankkaa',
15  }
16};
17
18const onChange = json => {
19  console.log(json);
20};
21
22// Editor configuration. See jsoneditor's API.
23const options = {
24
25}
26
27ReactDOM.render(
28  <JsonEditor value={json} onChange={onChange} options={options} />,
29  document.getElementById('some_element')
30);
31

examples

• fork repo
• yarn
• yarn run storybook