lw-json-view
Version:
使用 Vite + react 18 完成的 json 内容展示组件。
44 lines (34 loc) • 1.1 kB
Markdown
# json-view
使用 Vite + react 18 完成的 json 内容展示组件。
## 安装
```shell
npm install lw-json-view
# 或者
yarn add lw-json-view
```
## 示例
```typescript
import JsonView from "../packages/JsonView";
export default function App() {
const test = {
a: 123,
b: { e: 9994, k: 123 },
c: "testtesttesttesttesttesttesttesttest",
d: [1, 2, 3, true, false, "gg"],
f: true,
g: false,
h: "这是一个立刻就爱上大家啊老师登记了请问 ml.qmsl；代码请问么其名为鹏人抛弃我们人去外面人了；；阿里什么的；啦；但是看啊；深刻的脾气我看泡咖啡缺口怕开了；反馈发；阿克苏；了看；阿列克我人品情况我卡可怕卡人我；了看；拉卡拉；我看；兰卡威暗恋我；看；另外；",
i: BigInt(54984816146545),
j: null,
l: undefined,
};
const selectable = true;
return (
<div>
<h1>Hello, world!</h1>
<JsonView value={test} style={{ width: "400px" }} onSelect={console.log} selectable={selectable} />
</div>
);
}
```
