如何在输入类型文本中传递默认值=“ 1”

时间:2020-07-26 20:13:55

标签: javascript reactjs

我面临的问题是,即使我在输入元素中传递了值=“ 1”,值也没有传递给默认值“ 1”。

 <Form onFinish={this.onFormSubmit}>
   <div class="row">
    
    <Form.Item name="product">
        <input type="text" value="1" disabled />
    </Form.Item>

    </div>

<button type="submit" value="submit" class="site-btn">Submit Now</button>

</Form>

1 个答案:

答案 0 :(得分:3)

似乎您正在使用Ant-D Form,因此实际阅读该组件的API会有所帮助。据我所知,蚂蚁设计表单的行为与大多数其他第三方表单组件相似,并且支持向字段提供初始值的两种主要方法:

    initialValues
  1. <Form>属性: 接受一个对象,该对象的键描述Item's的名称,并为该字段的值initialValue <string>
  2. initialValue
  3. <Form.Item>属性: 接受initialValue作为字符串

因此,您的情况下的实现应如下所示:

<Form
    onFinish={this.onFormSubmit}
    initialValues={{
        product: '1'
    }}
>
    <div class="row">
        <Form.Item name="product">
            <input type="text" disabled />
        </Form.Item>
    </div>
    <button type="submit" value="submit" class="site-btn">Submit Now</button>
</Form>
相关问题