如何使带有可选功能的功能组件去抖动?

时间:2019-03-06 07:18:24

标签: reactjs

我有一个Input组件,我想在其中传递一个可选的验证函数,该函数将被去抖以验证输入。

现在,我在上层范围中定义了反跳功能,以避免每次组件重新渲染时都调用它,但这会使我的组件不可重用。

我如何定义去抖动功能作为组件本身的一部分?

我试图从useState返回函数,但我一直未定义,所以我想您不能从useState返回函数?

到目前为止,这是我的Input component

1 个答案:

答案 0 :(得分:0)

react的官方文档:

  

我们将传递给useState的参数是什么? useState()挂钩的唯一参数是初始状态。与类不同,状态不必是对象。如果需要,我们可以保留一个数字或一个字符串。在我们的示例中,我们只需要一个用户点击次数的数字,因此将0作为变量的初始状态。 (如果要在状态中存储两个不同的值,则将调用useState()两次。)

因此,您无法从useState返回该函数。最简单的方法是创建一个辅助函数并将其导入到您的组件中