title: How do I access store state in React Redux?
body: <p>I am just making a simple app to learn async with redux. I have gotten everything working, now I just want to display the actual state onto the web-page. Now, how do I actually access the store's state in the render method?</p>
  
  <p>Here is my code (everything is in one page because I'm just learning):</p>
  
  <pre><code>const initialState = {
          fetching: false,
          fetched: false,
          items: [],
          error: null
      }
  
  const reducer = (state=initialState, action) =&gt; {
      switch (action.type) {
          case "REQUEST_PENDING": {
              return {...state, fetching: true};
          }
          case "REQUEST_FULFILLED": {
              return {
                  ...state,
                  fetching: false,
                  fetched: true,
                  items: action.payload
              }
          }
          case "REQUEST_REJECTED": {
              return {...state, fetching: false, error: action.payload}   
          }
          default: 
              return state;
      }
  };
  
  const middleware = applyMiddleware(promise(), thunk, logger());
  const store = createStore(reducer, middleware);
  
  store.dispatch({
      type: "REQUEST",
      payload: fetch('http://localhost:8000/list').then((res)=&gt;res.json())
  });
  
  store.dispatch({
      type: "REQUEST",
      payload: fetch('http://localhost:8000/list').then((res)=&gt;res.json())
  });
  
  render(
      &lt;Provider store={store}&gt;
          &lt;div&gt;
              { this.props.items.map((item) =&gt; &lt;p&gt; {item.title} &lt;/p&gt; )}
          &lt;/div&gt;
      &lt;/Provider&gt;,
      document.getElementById('app')
  );
  </code></pre>
  
  <p>So, in the render method of the state I want to list out all the <code>item.title</code> from the store.</p>
  
  <p>Thanks</p>