Javascript 已更新-以编程方式更改输入字段后无法按backspace键

我有一个要素如下：

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

我想保留onChange方法“handleChangeInputTaskName”，这样用户可以输入任何他想要的内容，我就可以处理输入了

但是，在处理用户的输入之后，我还希望能够以编程方式填充输入字段的目标值。有可能做到这一点吗

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

---

我可以通过将taskName的状态设置为所需的值来手动填充输入字段。但是现在它不允许我按backspace。

您可以这样做：

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

this.handleChangeInputAskname（'taskName'，value）}
/>

使用组件状态保存您的值。这样，当用户更改值时，它保持同步

function showYourText(e) {
  // Process
  this.setState({ taskName : e.target.value })
}

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

函数showYourText（e）{
//过程
this.setState（{taskName:e.target.value}）
}
showYourText（e）}
/>

您能显示完整的代码吗？