Using Lodash _.throttle() with ReactJS

Question

我正在尝试使用lodash节气门函数在文本输入上滴定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...'
/>