How do I access store state in React Redux?
<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>