Ant Design ProComponents中,怎么获取到ProFormCascader选择的数据
时间: 2024-09-20 11:11:43 浏览: 25
基于React和Ant Design的数据大屏展示设计源码
在Ant Design ProComponents中,当您使用`ProFormCascader`组件进行层级选择时,数据通常会在用户完成选择后作为值返回。你可以通过监听`onChange`事件来获取这个数据。
`ProFormCascader`组件的`onChange`是一个回调函数,它接受两个参数:当前节点的值(数组形式,包含所有层级)和触发变化的整个路径。示例如下:
```jsx
import { ProForm, ProFormCascader } from '@ant-design/pro-form';
function MyForm() {
const [cascaderValue, setCascaderValue] = useState([]);
<ProForm>
{/* 使用 onChange 属性来获取并处理选择数据 */}
<ProFormCascader
name="cascader"
options={yourOptions} // 根据需要提供你的级联选项
onChange={(value) => setCascaderValue(value)} // 当值改变时设置新的值
/>
</ProForm>
}
// 现在你可以随时访问cascaderValue状态来获取用户的选择
console.log(cascaderValue);
```
记得替换`yourOptions`为实际的级联回源数据。当用户在Cascader中做出选择时,`cascaderValue`会实时更新。
阅读全文