ant4.0
子组件
import React, {
Component } from 'react'
import PropTypes from 'prop-types'
import {
Form, Select, Input } from 'antd'
const Item = Form.Item
class UpdateForm extends Component {
**formRef = React.createRef();**
static propTypes = {
categoryName:PropTypes.string.isRequired
}
componentDidUpdate() {
this.formRef.current.setFieldsValue({
categoryName: this.props.categoryName,
});
}
render() {
const {
categoryName } = this.props
return (
<Form **ref={
this.formRef}** >
<Item name='categoryName' initialValue={
categoryName} >
<Input placeholder='请输入分类名称' ></Input>
</Item>
</Form>
)
}
}
export default UpdateForm
父组件
在这里插入代码片import React, {
Component } from 'react'
import {
Card,
Table,
Button,
message,
Modal
} from 'antd'
import {
PlusOutlined, ArrowRightOutlined } from '@ant-design/icons';
import LinkBotton from '../../components/link-button'
import {
reqCategorys,reqUpdateCategory, reqAddCategory } from '../../api';
import AddForm from './add-form'
import UpdateForm from './update-form'
export default class Category extends Component {
formRef = React.createRef();
state = {
categorys: []