/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/tree/examples/TreeCheckableControlled.tsx
87 строк
2 KB
Pavel Uryadyshev
docs(tree): Добавлена документация для компонента Tree
18 сен 2024, 15:09
18 сен 2024, 15:09
74a5ea3
Код
Авторство
О чём код?
import * as React from 'react' import { Tree } from '@v-uik/tree' const dataSource = [ { key: 'node-0', label: 'node-0', children: [ { key: 'node-0-0', label: 'node-0-0', children: [ { key: 'node-0-0-0', label: 'node-0-0-0', }, { key: 'node-0-0-1', label: 'node-0-0-1', }, ], }, { key: 'node-0-1', label: 'node-0-1', children: [ { key: 'node-0-1-0', label: 'node-0-1-0', }, { key: 'node-0-1-1', label: 'node-0-1-1', }, ], }, ], }, { key: 'node-1', label: 'node-1', children: [ { key: 'node-1-0', label: 'node-1-0', children: [ { key: 'node-1-0-0', label: 'node-1-0-0', }, { key: 'node-1-0-1', label: 'node-1-0-1', }, ], }, { key: 'node-1-1', label: 'node-1-1', children: [ { key: 'node-1-1-0', label: 'node-1-1-0', }, { key: 'node-1-1-1', label: 'node-1-1-1', }, ], }, ], }, ] export const TreeCheckableControlled: React.FC = () => { const [checkedKeys, setCheckedKeys] = React.useState<React.Key[]>([]) return ( <Tree checkable dataSource={dataSource} checkedKeys={checkedKeys} defaultExpandedKeys={['node-0', 'node-0-0', 'node-0-1']} onNodeCheck={setCheckedKeys} /> ) }