hm-react-cli/template/app/src/components/TreeSelect.js

Create a Huimei React project by module

import { TreeSelect } from 'antd';
const TreeNode = TreeSelect.TreeNode;
import { useState } from 'react';

export default function () {
    const [value, setValue] = useState('');

    function onChange(value) {
        setValue(value);
    }

    return (
        <TreeSelect
            style={{ width: 300 }}
            value={value}
            dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
            placeholder="请选择"
            allowClear
            treeDefaultExpandAll
            onChange={onChange}
        >
            <TreeNode value="parent 1" title="parent 1" key="0-1">
                <TreeNode value="parent 1-0" title="parent 1-0" key="0-1-1">
                    <TreeNode value="leaf1" title="my leaf" key="random" />
                    <TreeNode value="leaf2" title="your leaf" key="random1" />
                </TreeNode>
                <TreeNode value="parent 1-1" title="parent 1-1" key="random2">
                    <TreeNode value="sss" title={<b style={{ color: '#08c' }}>sss</b>} key="random3" />
                </TreeNode>
            </TreeNode>
        </TreeSelect>
    );
}