redux works with ajax

js/components/commentsForm.js

@@ -21,7 +21,21 @@ class CommentsForm extends React.Component {
 const mapDispatchToProps = function(dispatch){
     return {
         handleSubmit: function(body){
+            fetch(
+                'http://localhost:3000/comments',
+                {
+                    headers: {
+                        'Accept': 'application/json',
+                        'Content-Type': 'application/json'
+                    },
+                    method: "POST",
+                    body: JSON.stringify({ body:body })
+                }
+            ).then(function(response){
+                response.json().then(function(data){
                     dispatch({type:'ADD', comment: { body: body }});
+                });
+            });
         }
     }
 }

js/index.js

@@ -28,6 +28,13 @@ import store from './store.js'
 //     });
 // });
 
+fetch('http://localhost:3000/comments').then(function(response){
+    response.json().then(function(data){
+        store.dispatch({type:'SET', comments:data});
+    });
+});
+
+
 ReactDOM.render(
     <Provider store={store}>
         <App/>

js/store.js

@@ -4,6 +4,8 @@ let comments = function(state = [], action){
     switch(action.type){
         case 'ADD':
             return [...state, action.comment];
+        case 'SET':
+            return action.comments
         default:
             return state
     }