为什么值不与value属性绑定?

时间:2018-05-14 10:00:31

标签: reactjs

我正在将其他UI页面中的某些值预先填充到此UI中。在UI上,我获取了值,但它没有与value属性绑定。在提交按钮上,分配空值。

if (this.props.userInfo.account.user !== undefined) {
    // const res1 = splitByWhitespace('{this.props.userInfo.account.user.userName}')
    // console.log('res1 = ' + JSON.stringify(res1, null, 4))
    return (
        <ReformContext themes={{ default: defaultTheme }} validations={defaultValidations} >
            <Form onSubmit={this.handleSubmit} >
                <ToastContainer />
                <button type='submit' className='Save-Continue-Button'>
                    {Resource.SaveNContinue}
                </button>
                <div className='tab-content col-lg-10 col-lg-offset-1'>
                    <h2> {Resource.HEAD_RegisterCustomerHeader} </h2>
                    <hr />
                    <div className='form-horizontal'>
                        <div className='form-group'>
                            <Text name='FirstName' isRequired placeholder={Resource.PH_EnterFirstName} />
                            <Text name='LastName' isRequired placeholder={Resource.PH_EnterLastName} />
                            <Text name='OrganizationName' isRequired placeholder={Resource.PH_EnterOrganizationName} 
                               value={this.props.userInfo.account.user.organizationName} />
                            <Text name='EmailId' isRequired isEmail placeholder={Resource.PH_EnterEmail}
                                value={this.props.userInfo.account.user.emailId} />
                            <Text name='PhoneNo' isRequired hasMaxlength={10} hasMinlength={10} placeholder={Resource.PH_EnterPhoneNo} />
                        </div>
                    </div>
                </div>
            </Form>
        </ReformContext>
    )
}

this.handle提交代码:

 handleSubmit = (data) => {
    this.addCustomer(data);
}

addCustomer(customer) {
    axios.post(json.map(function (api) { return api.RegisterCustomer; }),
        {
            'FirstName': customer.FirstName,
            'LastName': customer.LastName,
            'OrganizationName': customer.OrganizationName,
            'EmailId': customer.EmailId,
            'PhoneNo': customer.PhoneNo
        })
}

0 个答案:

没有答案