react.js - getFieldValue取的值为undefined

问题描述

问 题

这是个表
<Modal title="用户中心" wrapClassName="vertical-center-modal" visible={this.state.modalVisible}
onCancel={()=>this.setModalVisible(false)} onOk={()=>this.setModalVisible(false)} okText="ok">
    <Tabs type="card" onChange={this.callback.bind(this)}>
        <TabPane tab="登陆" key="1">
            <Form layout="horizontal" onSubmit={this.handleSubmit.bind(this)}>
                <FormItem label="账户" >
                <Input placeholder="请输入您的账号" {...getFieldDecorator('userName')}  />
            </FormItem>
        <FormItem label="密码">
    <Input type="password" placeholder="请输入密码" {...getFieldDecorator('password')} />
    </FormItem>
    <Button type="primary" htmlType="submit">登陆</Button>
    </Form>
</TabPane>

这是提交的方法
handleSubmit(e){
        e.preventDefault();                                                            
        var myFetchOptions = {
            method:'GET'
        };                                                                                            
console.log(this.props.form.getFieldValue('userName'));
        var formData = this.props.form.getFieldsValue();{/*表中的值*/}
        console.log("data1",formData);
        fetch("http://newsapi.gugujiankong.com/Handler.ashx?action=" + this.state.action
        + "&username="+formData.userName+"&password="+formData.password
        +"&r_userName=" + formData.r_userName + "&r_password="
        + formData.r_password + "&r_confirmPassword="
        + formData.r_confirmPassword, myFetchOptions)
        .then(response=>response.json())
        .then(json=>{
            this.setState({userNickName:json.NickUserName,userid:json.UserId});
        });
        console.log("data2",formData);

data1和data2输出都是undefined

要疯了。。。。

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
      //感觉你应该参考一下官网的这个栗子试试，values就是表单对象，你可以看看了来
        console.log('Received values of form: ', values);
      }else{
          //处理错误
      }
    });
  }

这篇关于react.js - getFieldValue取的值为undefined的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！