antd级联选择器如何使用后台的数据字段替换option里面的lable和value以及children

本文主要是介绍antd级联选择器如何使用后台的数据字段替换option里面的lable和value以及children，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

其主要运用了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;

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

这篇关于antd级联选择器如何使用后台的数据字段替换option里面的lable和value以及children的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---