react-json-path-picker

It is a json path picker for react based on json-path-picker.
You can use it to create a json tree of any legal json string. And then you can click to choose a node in the tree and got the path string of the node from tree's root.

demo

install

npm install --save-dev react-json-path-picker

You need webpack to pack it in your app, and use style-loader and css-loader to ensure the component's style work.

usage

path picker (fully controlled compoment):
``

onChoosePath = (path)=> {...}
`

![](https://github.com/zenggo/react-json-path-picker/blob/master/pic/1.png?raw=true)




tips

if you have a json string like '[{"x":1}, {"x":2}, {"x":3}]', you can click '"x":1' and then click button before'[', and then you have choosed three x attr in array and finally get path string '[*].x'


dev

For development: npm run dev`