如何移除@textea/json-viewer展示时的root根节点？

数据老陈

2026-7-26

解决@textea/json-viewer自动添加root根节点的问题

通过rootName配置隐藏根节点
@textea/json-viewer支持自定义根节点名称，将rootName设为空字符串即可去掉默认的"root"根节点，直接展示原始JSON结构。示例代码：
```
import JsonViewer from '@textea/json-viewer';

const targetData = { a: 1 };

<JsonViewer value={targetData} rootName="" />
```
数组包裹法（备选方案）
若上述配置未生效，可将目标对象放入数组中传入组件，此时组件会直接展示数组内的对象结构，不会额外添加根节点：
```
<JsonViewer value={[targetData]} />
```
注意：这种方式会显示数组的外层括号，仅适合能接受该展示形式的场景。