其主要运用了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 (
    <Cascader
      options={options}
      fieldNames={{ label: 'name', value: 'id', children: 'children' }}
      placeholder="请选择"
    />
  );
};
 
export default App;

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