Loading Posts

Loading a post

 <Provider store={store}>        
    <div className="App">    
       <PostProvider slug={"my-post-slug"}>    
          <PostConsumer>   
             <Post/>   
          </PostConsumer>   
       </PostProvider>   
    </div>  
 </Provider>  

Loading a list of posts

 const List = ({ posts }) => {
  return (
    <ul>
      {posts.map(post => (<li> <h1 dangerouslySetInnerHTML={{ __html: post.title.rendered }} /> </li>))}
    </ul>
  )

}

function ShowPosts() {
  return (
    <Provider store={store}>
      <div className="App">
        <PostProvider>
          <PostConsumer>
            <List></List>
          </PostConsumer>
        </PostProvider>
      </div>
    </Provider>
  );
}

Post Provider Types

• type: You can specify your custom post type.
• taxonomy: Taxonomy used for filtering posts, categories is used by default.
• categories: Array of categories ids for filtering the post by the taxonomy.
• before: ISO date used to filter posts by date before
• perPage: Number of post loaded per page
• page: Number of page that has to be returned.
• fields: Specify which field will be returned in the post object.
• slug: Filter by post slug.
• store: Specify the immutable path where returned posts will be stored, useful when having multiple components loading different posts
• locale: Specify the post language (multiLang plugin required)