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

Question

我有一个元素如下:

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

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

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

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

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

Answer 1

你可以这样做:

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