mapStateToProps 中的状态是 JSX！反应/终极版

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 如下：

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

这正是我上面定义的const！因此，当传入 selectBlogs() 的参数变为 undefined.

时，应用程序不会运行

（如果需要任何其他详细信息，请询问！）

Answer 1

导出连接的实例时，您错过了 connect，这就是您收到错误的原因

export default connect(mapStateToProps)(BlogList);

mapStateToProps 中的状态是 JSX！反应/终极版

state in mapStateToProps is JSX! React / Redux

reactjs

redux

redux-thunk

react-redux