如何处理输入字段上的更改以及反跳功能reactjs

Question

我希望能够动态更改输入标签内的value属性，而且还可以将初始值设置为某些文本

我只想在用户停止键入后才发送API请求，因此我正在使用反跳功能，但问题是我无法根据用户类型不断更新输入字段。

.section-two

如果我要从输入字段中删除value属性，那么一切都很好，那么我如何添加value属性并按需更改它，而仅在X秒之后发送请求？

Answer 1

当您只想取消api请求时，您似乎正在取消状态的更新。您将希望始终在更改时更新您的状态，然后将您的api请求反跳。例如：

callApi = debounce(() => {
  /** your API call */
}, 5000)

onSearchHandler = searchTerm => {
  this.setState({ tag:searchTerm });
  this.callApi();
}

原因是因为通过基于状态设置/更新值，您创建了一个受控组件（有关更多详细信息，请参见React Controlled Components文档），并且您正在取消其值的更新。