时间戳

首页 > 解决方案 > 如何在输入类型文本中传递默认值 =“1”

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

问题描述

我面临的问题是，即使我在输入元素中传递了 value="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>

标签： javascriptreactjs

解决方案

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

  1. initialValuesprop of <Form>：接受一个对象，其中键描述字段的Item's名称和值initialValue <string>
  2. initialValueprop of <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>

推荐阅读