[英]Dispatched action with Redux not working, getting uncaught typeError, saying it's not a function
[英]Redux Uncaught type error: dispatched action is not a function
我觉得我在这里缺少一些简单的东西,但无论出于何种原因,这个简单的ErrorMessageAlert都不会发送动作。 我已多次派遣,我似乎无法弄清楚这个错误。
任何人都可以借第二双眼睛吗?
这是我的组件
import { connect } from 'react-redux';
import styled from 'react-emotion';
import { resetErrorMessage } from 'users/ducks'
const ErrorMessage = styled.div`
width: 100%;
color: red;
position: fixed;
background: #F9DADA;
text-align: center;
border-bottom: 1px solid red;
padding-top: 5px;
padding-bottom: 5px;
z-index: 1;
`
export class ErrorMessageAlert extends Component<props> {
state = { isHidden: true }
componentDidMount() {
console.log("triggered")
// debugger
const { resetErrorMessageAction } = this.props
resetErrorMessageAction()
}
render(){
const {
errorMessage,
} = this.props
console.log(this.state.isHidden)
return (
<div>
{
this.state.isHidden && <ErrorMessage>{errorMessage}</ErrorMessage>
}
</div>
)
}
}
const mapDispatchToProps = (dispatch) => ({
resetErrorMessageAction: () => dispatch(resetErrorMessage()),
})
export default connect(null, mapDispatchToProps)(ErrorMessageAlert);
在用户/鸭子
export const RESET_ERROR_MESSAGE = 'RESET_ERROR_MESSAGE';
export const resetErrorMessage = () => ({
type: RESET_ERROR_MESSAGE,
})
这是主要的错误消息堆栈跟踪:
ErrorMessageAlert.js:29 Uncaught TypeError: resetErrorMessageAction is not a function
at ErrorMessageAlert.componentDidMount (ErrorMessageAlert.js:29)
at ErrorMessageAlert.componentDidMount (react-hot-loader.development.js:654)
at commitLifeCycles (react-dom.development.js:17334)
at commitAllLifeCycles (react-dom.development.js:18736)
at HTMLUnknownElement.callCallback (react-dom.development.js:149)
at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
at invokeGuardedCallback (react-dom.development.js:256)
at commitRoot (react-dom.development.js:18948)
at react-dom.development.js:20418
at Object.unstable_runWithPriority (scheduler.development.js:255)
```
resetErrorMessageAction
是undefined
因为我从其他文件导入错误,因为我使用的是导出默认函数。
所以你需要正确导入文件。
import { ErrorMessageAlert } from 'error/ErrorMessageAlert';
VS
import ErrorMessageAlert from 'error/ErrorMessageAlert';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.