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都应该调用传递事件的匿名函数。很抱歉,我没有提到-如果我尝试使用debounce
debounce((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' />