文件名称:简单的React层次树 - 接受节点的任何React孩子
文件大小:315KB
文件格式:ZIP
更新时间:2024-06-28 10:41:26
Tree
react-organizational-chart 简单的React层次树 - 节点接受的任何React子节点安装 npm install --save react-organizational-chart 用法 import React from 'react'; 从'react-organizational-chart'导入{树,树节点}; const ExampleTree = () => ( 根}> 儿童 1}> 大孩子} /> ); 示例样式树 const StyledNode = styled.div` padding: 5px; 边框半径:8px; 显示:内联块; 边框:1px纯红色; `; const StyledTreeExample = () => ( 根} > 儿童 1}> 大孩子} /> 儿童 2}> 大孩子}> 曾孙1} /> 曾孙2} /> 儿童 3}> 孙子 1} /> 大孩子2} /> ); 交互式示例可以在这里找到 组件树 - 树的根 接受以下道具:标签:(必需)任何React节点子项:(必需)任意数量的 lineHeight:(默认 20px)路径
【文件预览】:
react-organizational-chart-master
----.github()
--------ISSUE_TEMPLATE()
--------workflows()
----src()
--------index.tsx(226B)
--------stories()
--------components()
----images()
--------styled_tree.png(59KB)
----.storybook()
--------main.js(171B)
--------preview.js(75B)
----tsconfig.json(273B)
----LICENSE(1KB)
----README.md(3KB)
----.gitignore(287B)
----package-lock.json(1.28MB)
----package.json(2KB)