表单组件获取值
import React,{Component} from 'react';
import {Button,Input ,Form, Table} from 'antd';
class CraClubData extends Component{
constructor(props){
super(props);
this.state = {
}
}
componentDidMount() {
console.log('页面加载')
}
//获取页面数据
async getData(){
let { name } = this.props.form.getFieldsValue(); //获取输入框数据
<!--清除输入框数据-->
this.props.form.resetFields(); //不传参数默认清空所有 的
console.log( name )
}
render(){
const {getFieldDecorator} = this.props.form;
return (
<Form className={'form'} layout={'inline'}>
<Form.Item>
{getFieldDecorator('name')(
<Input placeholder={'请输入名称'} ></Input>
)}
</Form.Item>
</Form>
)
}
}
export default{
component: Form.create({name: 'CraClubData'})(CraClubData),
path:"/cra_club_data",
name:'CraClubData'
}
react setstart 设置数据更新不及时问题
setstart是异步进行处理的数据过大的时候容易出现更新不及时的问题 使用setstart的回调来处理这个问题即可 this.setstart({
}，()=>{ //事件处理 })
