在ReactJS中使用Lodash _.throttle()

Question

我正在尝试使用Lodash throttle函数来限制文本输入上的onChangeText事件。不过，这似乎没有什么不同：

<TextInput {...this.c('tokenInput')}
    onChangeText={ _.throttle((text) => {
        this.onChangeText(text)
    }, 1000) }
    value={this.state.text}
    placeholder='Select...'
/>

我怎么才能让它工作呢？每次我在输入中键入内容时，它都会在每次更改时执行onChangeText()。

Answer 1

onChange必须是一个函数，但在您的上下文中它是一个函数调用。所以要解决这个问题，你必须这样做：

<TextInput {...this.c('tokenInput')}
    onChangeText={ text => _.throttle(x => {
        this.onChangeText(x)
    }, 1000)(text) }
    value={this.state.text}
    placeholder='Select...'
/>