代码如下 ``` import React, {Component} from 'react'; import {Modal, Card, Table, Popconfirm, Form, Input} from 'antd'; const FormItem = Form.Item; const dataSource = [{ key: '1', name: '老王', age: '27', love: '炒股' }, { key: '2', name: '老黄', age: '27', love: '睡觉' }, { key: '3', name: '一帅', age: '25', love: '把妹' }, { key: '4', name: '奶奶', age: '23', love: '听音乐' }]; const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 14 } }; const CollectionCreateForm = Form.create()( (props) => { const {visible, handleCancel, item = {}, handleEdit, form} = props; const {validateFields, getFieldDecorator, getFieldsValue} = form; console.log(item); function handleOk() { const data = getFieldsValue(); data.key = item.key; validateFields((errors) => { if (errors) { return; } handleEdit(data); }); }; return ( ); } ); export default class table extends Component { constructor() { super(); this.state = { pagination: {pageSize: 2, showTotal: (total) => `共${total}条数据`}, dataSource: dataSource, loading: false, modalProps: { visible: false, item: {}, handleEdit: this.handleModalOk, handleCancel: this.handleModalCancel } }; this.handleTableChange = this.handleTableChange.bind(this); this.handleEdit = this.handleEdit.bind(this); this.handleModalCancel = this.handleModalCancel.bind(this); this.handleModalOk = this.handleModalOk.bind(this); this.columns = [{ title: '姓名', dataIndex: 'name', key: 'name' }, { title: '年龄', dataIndex: 'age', key: 'age' }, { title: '兴趣', dataIndex: 'love', key: 'love' }, { title: '操作', dataIndex: '', render: (text, data, index) => { return (

this.onDelete(data, index)}> 删除 this.handleEdit(data, index)}>编辑

); } }]; } handleModalCancel() { this.setState({ modalProps: { visible: false } }); } handleModalOk(data) { this.state.dataSource.splice(this.state.editColIndex, 1, data); this.setState({ modalProps: { visible: false, item: data, dataSource: this.state.dataSource } }); } handleEdit(data, index) { this.setState({ modalProps: { visible: true, item: data, handleEdit: this.handleModalOk, handleCancel: this.handleModalCancel }, editColIndex: index }); } onDelete(data, index) { this.state.dataSource.splice(index, 1); this.setState({ dataSource: this.state.dataSource }); return; } handleTableChange() { this.setState({ loading: true }); setTimeout(() => { this.setState({ loading: false }); }, 1000); console.log(arguments); } render() { return ( ); } }; ```

form 表单中 initialValue只能显示第一次传进来的值，之后传入的值都无法显示 #5109

Company

Community

Support

Connect