Antd Form.Item相互嵌套，里层的值修改最外层的值

最新推荐文章于 2024-07-12 17:41:32 发布

慢半拍、

最新推荐文章于 2024-07-12 17:41:32 发布

阅读量2k

点赞数 1

分类专栏： React 文章标签： antd Form.Item

本文链接：https://blog.csdn.net/huanhuan03/article/details/116784854

版权

React 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

标题可能有点拗口，意思是这样：

<Form.Item name='total_list'>
        <ChildrenCom />
</Form.Item>

function InputGroup({ onChange }){     //  注意：这个参数onChange是接收的name='total_list'的onChange事件
		const handleChange(e, index) => {
				onChange(44444)   // 这里传什么参数进去，则你最后获取的name='total_list'的值就是啥
		}
		return (<> 
				<Form.Item name={`jurisdiction__0`}>
				        <Input id={`jurisdiction__0`} onChange={e => handleChange(e, 0)} />
				</Form.Item>
				<Form.Item name={`jurisdiction__1`}>
				        <Input id={`jurisdiction__1`} onChange={e => handleChange(e, 1)} />
				</Form.Item>
				<Form.Item name={`jurisdiction__2`}>
				        <Input id={`jurisdiction__2`} onChange={e => handleChange(e, 2)} />
				</Form.Item>
		</>)
}