React redux无法正确调度



我正试图进行一个更改redux状态的调用,但在调度操作时遇到了问题。我确信所有的进口都是正确的。我认为主要的问题是在mapStateToProps,但似乎找不到它。

呼叫

onClick={() => this.props.ethereum}

映射StateToProps和其他

const mapStateToProps = state => {
return({
depositMenu: state.depositMenu
})
}
const mapDispatchToProps = dispatch => {
return ( {
visa: () => dispatch(visa()),
bitcoin: () => dispatch(bitcoin()),
ethereum: () => dispatch(ethereum())
})
}
export default connect(
mapStateToProps,mapDispatchToProps
)(Deposit)

操作

export const visa= () => {
return {
type: 'VISA'
}
}
export const bitcoin = () => {
return {
type: 'BITCOIN'
}
}
export const ethereum = () => {
return {
type: 'ETHEREUM'
}
}

减速器

const MainPageDeposit = (state = 'visa', action) => {
switch (action.type) {
case 'VISA':
return state = 'visa';
case 'ETHEREUM':
return state = 'ethereum';
case 'BITCOIN':
return state = 'bitcoin';
default:
return state;
}
}
export default MainPageDeposit;

和联合收割机减速器

import MainPageDeposit from './MainPageDeposit';
import { combineReducers } from 'redux';
const allReducers = combineReducers({
depositMenu: MainPageDeposit,
})
export default allReducers;

我认为您应该将onClick={() => this.props.ethereum}更改为onClick={this.props.ethereum}

相关内容

  • 没有找到相关文章

最新更新