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)