cjd-parkball
Version:
> 中后台业务组件库，中后台就像公园，进入需要买门票（登录），所以以 Parkball(公园球) 命名，公园内必定捕获！作为一个组件库，提供使用方法文档，方便开发者的调用
45 lines (36 loc) • 862 B
Markdown
---
category: 2
title: 自定义图标
title_en: Customize Icon
---
zh-CN
可以针对不同的节点定制图标。
en-US
You can customize icons for different nodes.
````jsx
import { Tree, Icon } from 'parkball';
const TreeNode = Tree.TreeNode;
class Demo extends React.Component {
render() {
return (
<Tree
showIcon
defaultExpandAll
defaultSelectedKeys={['0-0-0']}
>
<TreeNode icon={<Icon type="smile-o" />} title="parent 1" key="0-0">
<TreeNode icon={<Icon type="meh-o" />} title="leaf" key="0-0-0" />
<TreeNode
icon={({ selected }) => (
<Icon type={selected ? 'frown' : 'frown-o'} />
)}
title="leaf"
key="0-0-1"
/>
</TreeNode>
</Tree>
);
}
}
ReactDOM.render(<Demo />, mountNode);
````