1、问题描述
在使用Antd组件Form表单的过程中,会出现FormItem同名的情况,此时要特别注意同名引起的表单行为异常问题,主要表现在以下方面:
(1)同名表单项的值共享,并且其中一个的值改变,另外的同名表单的值也一致改变。
(2)同名表单中,表单控件比如<Input />的onChange等事件会出现行为异常的情况。
源码如下图所示:
import React, { PureComponent } from 'react'; import { Form, Input } from 'antd'; import styles from './styles.less'; @Form.create() class Example extends PureComponent { render() { return ( <div className={styles.example}> { data.map((item, index) => ( <Fo