以dispatch作为参数的React动作函数

时间:2017-08-08 14:48:16

标签: javascript reactjs action

我有以下行动:

export const remove = (id, index, event) => ({
  type: 'REMOVE',
  id: id,
  index: index
});

我将它与store.dispatch:

一起使用
onClick={(e) => store.dispatch(remove('item', index))}

我需要改变我调用remove的方式,而不是调用store.dispatch(remove)directelly我想调用一个函数showAlert,它调用一个函数作为参数接收(在我的情况下删除),但我无法想象如何发送store.dispatch(删除)作为参数。 我尝试将删除功能更改为:

export function removeInterview(id, index) {
    return (dispatch) => ({type: 'REMOVE',id: id, index: index}); 
};

并像这样使用它:  onClick = {(e)=> showAlert(删除,[id,索引])}

showAlert是一个动作,在reducer中我在一个组件中设置了一些状态,并将函数作为参数调用,如下所示:

onConfirm() {
        this.state.data.onConfirm.func.apply(null,this.state.data.onConfirm.params);
}
// this.state.data.onConfirm.func.apply - the function I want to send as params (store.dispatch(remove)

0 个答案:

没有答案