JavaScript by Example

Post component

Open your src/Components/Post.js file in VSCode. Our first step is to add the required import statements:

import { connect } from 'react-redux';import { bindActionCreators } from 'redux';

Let's strategize how we will connect this component with Redux:

• We will need to get the Post ID, which is present in the URL
• Once we have the ID, we should find the post with the ID in our store's posts array using the Array.find() method
• Finally, we can send the required post as props

Now, replace your export statement in Post.js with the following code:

function mapStateToProps(state, ownProps) {  return {    post: state.posts.find(post => post.id === ownProps.match.params.id),    loading: state.ajaxCalls.getAllPosts.loading, hasError: state.ajaxCalls.getAllPosts.hasError, ...