输入不起作用时在React功能组件上反跳

问题描述

我有一个表单组件，我想在输入时执行一个API请求。我想对此进行反跳，这样我就不会向服务器发送垃圾邮件。这是我的代码：

export default function MyItem ({ id,name }) {
  const debouncePatch = (name) => {
    debounce(patchItem.bind(this,id,name),500)
  }
  return (
    <div>
      <form
        type='text'
        value={name}
        onChange={(evt) => debouncePatch(evt.target.value)}
      />
    </div>
)
}

修补程序项对服务器进行了简单的修补程序调用，以便该项的名称在我输入时更新。看起来像这样：

export default function patchItem (id,name,) {
  return axios.patch(`${MY_BASE_URL}/${id}`,{ name })
}

使用反跳功能根本无法正常工作。永远不会调用patchItem函数。我该如何解决？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

debounce javascript reactjs reactjs