Question

操作/ index.js：

export const addTask = (task)=> {

    return {
        type: "ADD_TASK",
        payload: task
    }
};


export const deleteTask = (task) =>{

    return {
        type:'DELETE_TASK',
        payload: task
    }
}; 

export default {addTask,deleteTask};

删除按钮点击功能：

<button onClick = {() => this.props.deleteTask(this.props.task)}>Delete</button>

请帮我解决此问题

Answer 1

所以问题很明显，

默认情况下，您无法导出多个组件。所以没有必要 export default {addTask,deleteTask}
然后您需要将命名导入设为import {deleteTask} from '../../actions/index'

之后它应该可以正常工作

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        deleteTask
    }, dispatch)
}
export default connect(null, mapDispatchToProps)(Task);

TypeError：_this2.props.deleteTask不是函数

1 个答案: