Javascript (作出反应)用论据来反驳
我试图对作为道具传递给组件的函数(使用下划线的去盎司)进行去盎司处理。在过去,我可以通过以下方式做到这一点:Javascript (作出反应)用论据来反驳,javascript,reactjs,Javascript,Reactjs,我试图对作为道具传递给组件的函数(使用下划线的去盎司)进行去盎司处理。在过去,我可以通过以下方式做到这一点: componentWillMount() { this.handleInputTextChangeDebounced = debounce(() => { console.log('I debounce!'); }, 250); }, 这很好用,但现在我需要从触发handleInputTextChangeDebounced的onChange访问
componentWillMount() {
this.handleInputTextChangeDebounced = debounce(() => {
console.log('I debounce!');
}, 250);
},
这很好用,但现在我需要从触发handleInputTextChangeDebounced的onChange访问事件参数(以便从输入中获取值)
e、 g:
我不能简单地使用ref,因为我有很多表单输入选项,我想与这个去模糊函数一起使用
我尝试将去抖动作为HandleInputExtChangeDeBounced中的函数返回,该函数将接收事件,但这似乎阻止了去抖动的工作
建议?通过两个步骤找到解决方案。我调用了一个普通类函数(handleInputTextChange
),其中我从输入字段中提取了值,然后我分别调用了去公告函数(handleInputTextChangeDebounced
)
handleInputTextChange(e) {
this.handleInputTextChangeDebounced(e.target.value);
},
handleInputTextChangeDebounced: debounce((value) => {
// do debounced stuff with value here...
}, 700),
<input onChange={this.handleInputTextChange} type='text' data-option='buildNumber' />
handleInputExtChange(e){
此.handleInputExtChangeDeBounced(即target.value);
},
HandleInputExtChangeDeBounce:debounce((值)=>{
//在这里做一些有价值的东西。。。
}, 700),
什么是“去盎司”
?它是否将传递的参数转发到回调?我需要第二个@zerkms注释。任何有用的debounce都应该调用传递事件的匿名函数。很抱歉,我没有提到-如果我尝试使用debouncedebounce((e)=>{
传递某个对象,我会使用下划线的debounce,但所有属性都为空
handleInputTextChange(e) {
this.handleInputTextChangeDebounced(e.target.value);
},
handleInputTextChangeDebounced: debounce((value) => {
// do debounced stuff with value here...
}, 700),
<input onChange={this.handleInputTextChange} type='text' data-option='buildNumber' />