其主要运用了antd  Cascader组件的fieldNames属性

import React from 'react';
import { Cascader } from 'antd';const options = [{id: 1,name: '选项1',children: [{id: 11,name: '子选项1',},],},{id: 2,name: '选项2',children: [{id: 21,name: '子选项2',},],},
];const App = () => {return (<Cascaderoptions={options}fieldNames={{ label: 'name', value: 'id', children: 'children' }}placeholder="请选择"/>);
};export default App;

注：本人前端小白 ，如有不对的地方还请多多指教