antd-tree作为form.Item控件自定义托管的数据

TreeNode props:

{
key:
title:
value:
department_id:
}

TreeSelect作为Form.Item的控件

<Form.Item label="****" name="organization_manage" valuePropName="department_id">
	<TreeSelect
		allowClear
		showSearch
		treeData={loop(treeData)}
		treeNodeFilterProp="title"
		onSelect={handleOnSelect}
	>
<Form.Item>

默认情况下,选中树节点会将TreeNodeProps中的value交给form托管,在一次的需求中我想将被选中的树节点的deparment_id属性的值作为改Item的值

在TreeSelect的官网上我看到了这样一句话:
被设置了 name 属性的 Form.Item 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管。
因此我在Form.Item中添加了valuePropName属性 同时handleOnSelect函数是这样写的

const handleOnSelect=(key:any,node:any)=>{
	form.setFieldsValue({organization_manage:node.deparment_id})
}

这样就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值