this.props中的数组(由redux提供)返回undefined
this.props中的数组(由redux提供)返回undefined
提问于 2017-08-08 15:31:42
我在组件中通过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 output
当尝试登录this.props或this.props.posts时，一切都会正常返回。但是，当尝试登录this.props.posts.allposts时，控制台返回未定义。
Stack Overflow用户
发布于 2017-08-08 16:40:28
如果它返回带有多个值的json，那么您需要这样做
return(
<div>
{
this.props.posts.allposts(function(allposts,i)
{
return <h1 key={i}>{allposts}</h1>
})
}
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45561967
复制相关文章
相似问题
腾讯云开发者
