Есть ли отдельная версия компонента дерева просмотра VSCode? - PullRequest
4 голосов
/ 30 января 2020

Я хочу использовать компонент Treeview Vscode в приложении React. Даже ваниль JS может помочь. Я посмотрел в исходном коде против кода, и в реестре NPM и не нашел. Даже что-то похожее я не нашел.

Также, Бит, есть хороший проводник файлов (https://bit.dev/primefaces/primereact/dialog), но опять же я не нашел, какой компонент они используют.

VsCode

image

Бит

image

Ответы [ 4 ]

11 голосов
/ 04 февраля 2020

здесь приведен пример пользовательского дерева, реализованного в местоположении

codesandbox: FileTree

enter image description here

из FileTree компонент src -> components -> file-tree.

Вы можете настроить (например, значки) FileTree компонент согласно вашему требованию.

2 голосов
/ 02 февраля 2020

Я думаю react-treeview поможет вам. Вы можете просто установить его как:

npm install react-treeview

и затем переопределить CSS, если вам не нравится уже определенный. Вы можете видеть больше об этом Здесь

2 голосов
/ 30 января 2020

Вас может заинтересовать https://material-ui.com/components/tree-view/#tree -view

Это очень похоже на то, что вы ищете.

0 голосов
/ 04 февраля 2020

Я думаю, что вы ищете, как это Просмотр дерева файлов Это может помочь вам. Смотрите скриншот enter image description here

...