javascript - 更新 - 以编程方式更改输入字段后无法按退格键

Question

我有一个元素如下：

<SearchBar>
    <InputText
      type="search"
      placeholder="Search for tasks in the BOQ..."
      value={ taskName }
      onChange={this.handleChangeInputTaskName}
    />
</SearchBar>

我想保留 onChange 方法“handleChangeInputTaskName”，以便用户可以输入他想要的任何内容，并且我能够处理输入。

但是，在处理了用户的输入后，我还希望能够以编程方式填写输入字段的目标值。有可能实现这一目标吗？

==================================================== ============================

只需将 taskName 的状态设置为所需的值，我就能够手动填写输入字段。但是现在它不允许我按退格键。

标签： javascriptreactjs

Answer 1

你可以这样做：

<SearchBar>
    <InputText
      type="search"
      placeholder="Search for tasks in the BOQ..."
      value={ taskName }
      onChange={(value) => this.handleChangeInputTaskName('taskName ', value)}
    />
</SearchBar>