PavelKlenin_lesson7

[PavelKlenin]

No description provided.

[LeonEsquire]

class PostCard extends React.Component {

    componentDidMount () {
        const postID = this.props.params.postID;
        this.props.dispatch(fetchPostCard(postID));
    }

    render () {
        let postCard = 'loading...';
        if (this.props.post.id === +this.props.params.postID)
        {
            const comments = this.props.comments.map((comment, index) => {
                return (
                    <Comment key={index} {...comment}/>
                );
            })

            postCard = (
                <div>
                    <Post {...this.props.post} author ={this.props.author}/>
                    <hr/>
                    <h3>Comments</h3>
                    <hr/>
                    {comments}
                </div>
            );
        }
        return postCard;
    }
}

[LeonEsquire]

class PostList extends React.Component {
    render () {

        let posts = 'Loading...';
        if (this.props.fetched) {
            posts = this.props.posts.map((post, index) => {
                return (
                    <Post key={index} {...post}/>
                );
            });
        }

        return (
            <div>
                <h1>Blogs</h1>
                {posts}
            </div>
        );    
    }

    componentDidMount () {
        this.props.dispatch(fetchPosts());
    }
}

const mapStateToProps = (state) => ({
    posts: state.posts.posts,
    fetched: state.posts.fetched
})

[PavelKlenin]

Спасибо, исправил