带参数调用多个函数

Question

我有一个带有作为属性传递的参数的函数：

 currentTaskID = null;
 setTaskID = (id) => { 
         this.currentTaskID = id;
         console.log(this.currentTaskID);
         console.log("test");
     }

然后在我的另一个组件上，我有一个需要事件处理程序并在单击时调用 prop 函数的函数：

// select/open task
    openTask = (event) => {
        let targetClass = event.target.classList; 
        if(targetClass.contains('active'))
            targetClass.remove('active')
        else
            targetClass.add('active') 
    }

    // onClick trigger multiple functions
    funcWrapper = (id) => {
        this.openTask();
        this.props.setTaskID.bind(this, id)
    }

点击：

onClick={funcWrapper(id)}

错误：

Cannot read property 'target' of undefined

如何在不覆盖事件的情况下传递参数？

Answer 1

由于错误提示无法读取 undefined 的属性 'target' 。 它无法在undefined 中找到target属性。 因为target是event对象的一个​​属性。 因为event尚未传递给方法，所以它用 undefined 表示。

我想你必须在匿名回调中进行调用：

onClick={e => funcWrapper(e, id)}

然后将事件传递给方法：

funcWrapper = (ev, id) => {
    this.openTask(ev);
    this.props.setTaskID(id); // <---as it is in fat arrow syntax no need for bind
}