【文件属性】:
文件名称:简单的React层次树 - 接受节点的任何React孩子
文件大小:315KB
文件格式:ZIP
更新时间:2021-06-08 16:54:46
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)