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 output

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

Answer 1

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

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


})
}
</div>

this.props中的数组（由redux提供）返回undefined

1 个答案: