从缓存中检索的数据已返回，但未显示在页面上

如何解决从缓存中检索的数据已返回，但未显示在页面上

我使用的是 ASP.NET Core Web API。这里有一个中间件，如果传入请求的响应在缓存中可用，我在响应中将其发送回来。

我可以在不使用缓存的情况下检索所有数据并在我发出的请求中在页面上查看它。

但是，当我使用缓存时，我仍然检索数据，但是当我尝试查看它时，数据未定义，无法显示。

我不明白是什么导致了这个问题。

请求

export function getCategories() {
return async function (dispatch,getState) {
    await axios.get(CATEGORIES_PATH).then((res) => {
        dispatch(getCategoriesSuccess(res.data))
        console.log("categories:",res.data);
        return res.data;
    }).catch(err => redirectErrPage(err,dispatch));
}}

反应

class CategoryList extends Component {

componentDidMount() {
    this.props.actions.getCategories();
}
render() {
    return (
        <div >
            <ListGroup className="shadow-lg">
                <ListGroupItem >
                    <h5>
                        {
                            this.props.categories.map(c => (
                                <Link key={c.id} to={"/Feed/" + encodeURIComponent(c.name)} className="text-decoration-none"> <Badge
                                    variant="info"
                                    className="ml-2 mt-2 cursorPointer category "
                                >{c.name}</Badge></Link>
                            ))
                        }
                    </h5>
                </ListGroupItem>
            </ListGroup>
        </div>
    )
}}

function mapStatetoProps(state) {
    return { categories: state.categoryListReducer,selectedCategories: state.selectedCategoriesReducer }
}
function mapdispatchToProps(dispatch) {
    return {
        actions: {
            getCategories: bindActionCreators(categoryAsyncActions.getCategories,dispatch)
        }
    }
}
export default connect(mapStatetoProps,mapdispatchToProps)(CategoryList);

无缓存

Redux

带缓存

Redux