this.props 中的数组(由 redux 提供)返回未定义

Question

我在组件中通过 Redux 获取数据，如下所示：

import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import * as actionCreators from './../../_actions/actionCreators';
import './Posts.css';
function mapStateToProps(state) {
return {posts: state.posts, comments: state.comments}
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(actionCreators, dispatch);
}
class Posts extends Component {
render() {
return (
<div>
<h1>POSTS</h1>
{
console.log(this.props)
}

</div>
)
}
}
export default connect(mapStateToProps, mapDispatchToProps)(Posts);

此代码正在运行，并将在控制台中输出以下 JSON：JSON 输出

尝试记录this.props或this.props.posts时，一切都会恢复正常。 但是，当尝试记录this.props.posts.allposts控制台时，控制台返回未定义。

Answer 1

如果它返回具有多个值的 json，那么您需要将其作为

return(
<div>
{
this.props.posts.allposts(function(allposts,i)
{
return <h1 key={i}>{allposts}</h1>

})
}
</div>