我通过 mapStateToProps 将状态数据传递给 props，但组件无法识别。

// user_show_container
// propper import statements....
const mapStateToProps = state => ({
  ids: state.entities.users.usersById.leagueIds;
});

const mapDispatchToProps = dispatch => ({
  requestTargetUserData: id => dispatch(requestTargetUserData(id)),
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(UserShow);

操作在 'componentWillMount()' 中调用，props 应该可用

class UserShow extends React.Component {
  constructor(props) {
    super(props);
  }

  componentWillMount() {
    this.props.requestTargetUserData(this.props.match.params.userId)
  }

  render() {
    const { ids } = this.props; // [1, 2, 3]

    return (
      <div className="">
        <ul>
          {ids.map(id => <li>id</li>)} // causes error
        </ul>
      </div>
    )
  }
}

export default UserShow;

当我删除 map 函数并且不使用 props 中的数据进行渲染时，Redux 开发工具显示 'id' 数组可供组件使用。

通过 props 传递的所有内容都不会发生这种情况。例如，将其交换出去即可。用户名已呈现到页面。

...
   return (
      <div className="">
        <h1>{targetUser.username}</h1>
      </div>
    )
  }
}

export default UserShow;

我真的很困惑，所以任何指导都将不胜感激。感觉我错过了一些基本的东西，但我找不到任何答案。

感谢您的时间。