react将后端返回的json显示成json样式

先来看一下效果！

办法挺简单的，就是用一个开源组件！

JSON数据展示神器:react-json-view(常用于后台网站) - xiaobe - 博客园 

拿走不谢！

1.先更新组件

npm install -D react-json-view

2.在导入组件

import ReactJson from 'react-json-view'

3.应用组件

var jsonStr = {"userName": "tiu","userAge": 26,"isMale": true};
const contentt = (
        <ReactJson src={jsonStr} name={false} displayDataTypes={false}/>
      );