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

Question

我无法将通过 axios 获取的一些数据传递到 Redux 存储以用于另一个组件。 我有其他非常相似并且正在工作的动作和减速器，但这个不是。

数据流如下：

1. 从过滤器组件开始
2. componentDidMount 触发并通过 axios 获取数据
3. 调用 updateInfo (action) 以使用响应的数据更新 Redux 存储
4. 这是它行为不正确的地方。 它属于默认的 switch case 语句，而不是 UPDATE_APPT_LIST 操作。
5. 信息组件控制台记录道具，但只能找到其他减速器。

// 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

找到了答案，这是一个愚蠢的答案。 我忘记了 Filter.js 中的const { updateInfo } = this.props this.props。 无论如何，这将导致 action 被调度，但action.type在 reducer 中不匹配，导致默认情况被触发。