1.0.2 • Published 1 year ago
react-directory-tree v1.0.2
react-directory-tree
react directory tree, ui defined by self
installation
npm install react-directory-tree --save
yarn add react-directory-tree
usage
import Folder from 'react-directory-tree'
const data = [{name: 'folder1', toggle: true, children: [
{name: 'folder11', toggle: true, children: [
{name: 'folder111', toggle: false, children: [
{name: 'file1', toggle: false}
]},
{name: 'file2', toggle: false}
]},
{name: 'folder12', toggle: false, children: []}
]},
{name: 'folder2', toggle: false, children: []}];
function singerClick(e, record){
console.log("单击", record);
}
render(<Folder
defaultData={data}
template={{
folder: {
active: () => {
return <div> folder </div>
},
inactive: () => {
return <div> inactive folder </div>
}
},
file: () => {
return <div> file </div>
}
}}
intent={25}
onClick={singerClick}
/>, document.getElementById("root"));
instruction
properties: defaultData(required), template(requried), intent(not required), onClick(not required)