0.0.1 • Published 1 year ago

react-json-preview v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

react-json-preview

react-json-preview 是一个一个普普通通的, 不算太丑的 react 的 json 数据预览组件

预览地址:https://lichunlei1225.github.io/react-json-preview/

使用

npm install react-json-preview

or

yarn add react-json-preview
import ReactJsonPreview from "react-json-preview";

const data = [
    {
        name: '大家闺秀',
        love: null,
        use: false,
        gender: -1,
        vip_info: { rename_days: '60' },
        editor_info: [
            'bio',
            'topic',
            { name: '大家闺秀' },
            [4, { name: '大家闺秀' }, 6],
            { name: '大家闺秀' },
            { rename_days: '60' },
            [4, { name: '大家闺秀' }, 6]
        ]
    },
    { name: '人美声甜' }
]


<ReactJsonPreview value={data}
    showArrayIndex={false}
    indent={4}
    singleQuote
    keyQuote
/>

props

NametypeDefaultDescription
valueJSON ObjectNone数组或者对象 ( JSON 数据格式)
showArrayIndexbooleanfalse如果是数组, 是否显示索引
indentnumber4缩进
singleQuotebooleanfalse是否使用单引号(只针对值起作用)
keyQuotebooleanfalse对象的 key 是否显示引号
0.0.1

1 year ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago