React redux 无法正确调度

Question

我正在尝试进行更改 redux 状态的调用，但我在调度操作时遇到了问题。我确信所有导入都是正确的。我认为主要问题在 mapStateToProps 但似乎无法找到它。

称呼

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

mapStateToProps 和其他...

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;

Answer 1

我认为你应该onClick={() => this.props.ethereum}改成onClick={this.props.ethereum}