trees

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

@pierre/trees

@pierre/trees

Use
@pierre/trees
for an interactive file tree. Public state and callbacks use path strings.
使用
@pierre/trees
构建交互式文件树。公共状态和回调函数使用路径字符串。

Install

安装

bash
pnpm add @pierre/trees
Install
react
and
react-dom
when the app uses the React entry.
bash
pnpm add @pierre/trees
如果应用使用React入口,请安装
react
react-dom

Select an API reference

选择API参考

EntryReference
@pierre/trees
Core API
@pierre/trees/react
React API
@pierre/trees/ssr
SSR API
@pierre/trees/web-components
Web components API
入口参考文档
@pierre/trees
Core API
@pierre/trees/react
React API
@pierre/trees/ssr
SSR API
@pierre/trees/web-components
Web components API

Select a recipe

选择使用示例

TaskRecipe
Render and update a tree in ReactUse React
Render and update a tree without ReactUse vanilla JavaScript
Preload a tree on the serverUse SSR
Apply a resolved Shiki or VS Code themeApply a theme
Configure search, rename, drag and drop, and git statusAdd interactions
任务示例文档
在React中渲染并更新树结构Use React
不使用React渲染并更新树结构Use vanilla JavaScript
在服务器端预加载树结构Use SSR
应用已解析的Shiki或VS Code主题Apply a theme
配置搜索、重命名、拖拽及Git状态功能Add interactions