您好，我是 redux 新手，正在努力解决一个问题。我正在尝试访问并映射我帖子数组内的评论。但是，我不确定该怎么做。到目前为止，我已尝试更改操作和 Reducer 以解决此问题。我认为问题出在 React 和 Redux 中。我无法判断我的 mapStateToProps 是否正常工作。此外，状态是从我的快递服务器中获取的，它似乎工作正常，正如您在图片中看到的那样。

我的 getPost 操作：

export const getPost = (group_id, post_id) => async dispatch => {
  try {
    const res = await axios.get(`/api/groups/${group_id}/${post_id}`);

    dispatch({
      type: GET_POST,
      payload: res.data
    });
  } catch (error) {
    dispatch({
      type: POST_ERROR,
      payload: { msg: error.response.statusText, status: error.response.status }
    });
  }
};

初始状态：

const initialState = {
  groups: [],
  group: [],
  loading: true,
  error: {}
};

reducer：

case GET_POST:
  return {
  ...state,
  post: payload,
  loading: false
};

我试图映射评论的位置：

import React, { Fragment, useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { getPost } from '../../../redux/actions/group';

const Post = ({ getPost, post, match }) => {
  useEffect(() => {
    getPost(match.params.group_id, match.params.post_id);
  }, [getPost, match.params.group_id, match.params.post_id]);

  // I want to map over the comments here
  return (
      {post.comments.map(comment => ({ comment }))}
  );
};

Post.propTypes = {
  getPost: PropTypes.func.isRequired,
  group: PropTypes.object.isRequired
};

const mapStateToProps = state => ({
  post: state.post
});

export default connect(mapStateToProps, { getPost })(Post);