の状態はJSXです！ React/Redux

Question

私はReact/Reduxの初心者であり、console.logにmapStateToProps（state）の状態があるときにJSXを記録していました。

import React, { Component } from 'react'; 
import { connect } from 'react-redux'; 

import BlogListItem from './blog_list_item'; 
import selectBlogs from '../selectors/blogs'; 

const BlogList = (props) => (
    <div className="content-container"> 
     <div className="list-header"> 
      <div className="show-for-mobile">Blogs</div> 
      <div className="show-for-desktop">Blog</div> 
      <div className="show-for-desktop">Posted on</div> 
     </div> 
     <div className="list-body"> 
      { 
       props.blogs.length === 0 ? (
        <p className="list-item list-item--message">No Blogs. Write one now!</p> 
       ) : (
        props.blogs.map((blog) => { 
         return <BlogListItem key={blog.id} {...blog} />; 
        }) 
       ) 
      } 
     </div> 
    </div> 
); 

const mapStateToProps = (state) => { 
    console.log(state); // Logs out JSX here 
    return {blogs: selectBlogs(state.blogs, state.filters)}; 
}; 

export default (mapStateToProps)(BlogList); 

にconsole.log JSX 手の込んだ...

は以下の通りである。

私は上記で定義されている正確にconstのある

ƒ BlogList(props) { 
return _react2.default.createElement(
    'div', 
    { className: 'content-container' }, 
    _react2.default.createElement(
     'div', 
     { className: 'list-header' }, 
     _react2.default.… 

！ このため、selectBlogs()に渡されたパラメータがundefinedになると、アプリケーションは実行されません。

Answer 1

を接続されているインスタンスをエクスポートする場合（その他の詳細はお問い合わせください！必要な場合）、あなたはエラーに

export default connect(mapStateToProps)(BlogList);