Redux - Redux 存储中的数据未更新

Question

I'm having trouble passing some data fetched via axios into the Redux store to be used on another component. I have other actions and reducers that are very similar and are working, but this one isn't.

The dataflow is as follows:

1. Start in Filter component
2. componentDidMount fires and fetches data thru axios
3. updateInfo (action) is called to update Redux store with the response's data
4. This is where it acts incorrectly. It falls into the default switch case statement instead of UPDATE_APPT_LIST action.
5. Info component console logs props but only the other reducers can be found.

// actions/index.js
export const UPDATE_APPT_LIST = "UPDATE_APPT_LIST" 

export const updateInfo = list => {
    return {
        type: UPDATE_APPT_LIST,
        list
    }
}

// reducers/index.js
import { UPDATE_APPT_LIST } from '../actions'

const updateInfoReducer = (list = [], action) => {
    switch (action.type) {
        case UPDATE_APPT_LIST:
            return action.list;
        default:
            return list;
    }
}

// Filter.js
class Filter extends React.Component {
    state = { info: [] }

    async componentDidMount() {
        await this.retrieveInfo()
    }

    retrieveInfo = async () => {
        let res = await axios.get('someURL')
        updateInfo(res.data)  // update redux store function
        this.setState({ info: res.data })
    }
}

mapStateToProps = state => {
    return { infoList: updateInfoReducer }
}

export default connect(mapStateToProps, { updateInfo })(Filter)

// Info.js
class Info extends React.Component {
    render() {
        console.log(this.props)
        return (... some jsx)
    }
}

mapStateToProps = state => {
    return state
}

export default connect(mapStateToProps)(Info)

Answer 1

Found the answer and it's a silly one. I forgot const { updateInfo } = this.props in Filter.js. This would lead the action to be dispatched anyways but action.type did not match in the reducer, leading the default case to be fired.