调度不是函数TypeError

我是新来的react-redux，我正在使用react-thunk中间件。每当我尝试运行我的动作创建者时（通过按下我的按钮），我都会收到错误“Uncaught TypeError：dispatch不是函数”。任何人都知道发生了什么事？调度不是函数TypeError

的src /动作/ index.js

function editUserName (newUserName) { 
    return { 
     type: 'CHANGE_USER_NAME', 
     newUserName: newUserName 
    } 
} 

export function editUserNameDelegate() { 
    return function (dispatch, getState) { 
     return dispatch(editUserName("thunkUser")) 
    } 
}

的src /集装箱/ admin.js

import { editUserNameDelegate } from '../actions/index' 
... 
<input type="button" onClick={ editUserNameDelegate() } value="edit UserName" />

来源

2017-01-27 Steve Chang

return function（dispatch，getState）{ return dispatch（editUserName（“thunkUser”）） }在这个函数中，你已经将dispatch作为参数，并在第二行作为函数处理？ – Shubhranshu

这家店就是提供dispatch功能。因此，您需要使用来自react-redux（https://github.com/reactjs/react-redux）的connect之类的组件连接到商店，或者您需要致电store.dispatch(editUserNameDelegate())。

您还需要确保在商店中添加了作为中间件的redux-thunk。查看更多有关终极版-的thunk这里：https://github.com/gaearon/redux-thunk

来源

2017-01-27 04:53:02 shadymoses

你执行的render内editUserNameDelegate功能，而不是把它当作onClick处理。您需要改为onClick={editUserNameDelegate}。

另外，如果你是这样写的，你需要确保函数在你调用的时候被调度。你可以这样做：

export default connect(null, {editUserNameDelegate})(MyComponent)

再经过onClick={this.props.editUserNameDelegate}在渲染功能。

来源

2017-01-27 05:29:30 markerikson

调度不是函数TypeError

回答

相关问题