首页 > 解决方案 > 你能用 React Bootstrap 添加一个预填充的表单而不使用“value”或“defaultValue”吗?

问题描述

一个非常基本且可能很愚蠢的问题。我一直在尝试将预先存在的值添加到我的表单中,而不必更改 value 属性本身,因为我不想将任何内容设置为我只想在输入框中显示它本身以便用户可以结束向上编辑值。仅使用反应引导程序就可以吗?例如,如果我有此代码并想在输入框中添加一个预先存在的值。-

      <Form.Group controlId="formBasicName">
        <Form.Label>Name</Form.Label>
        <Form.Control
          type="text"
          placeholder="Enter Name"
          name="leadName"
          value={state.leadName}
          onChange={(e) => handleChange(e, "leadName")}
        />
      </Form.Group>

我已经对此进行了搜索,但找不到任何可以回答这个特定问题的内容。而且我只在文档本身中找到了一个使用 formik 的示例,该示例具有初始值。

标签: reactjsreact-bootstrap

解决方案


对于value获取状态并为您的状态提供初始值,在您onChange使用新用户条目设置此状态时,它应该可以工作


推荐阅读