改变结构

Author: hyy1115

doc/react.md

@@ -59,7 +59,7 @@ utils：一些工具js的管理。
 
 app.css：基本的css配置，你也可以把reset.css或者其他初始化样式的css写入app.css中。
 
-appContainer.js：我们叫他根组件，在SPA应用中，通常只有一个根组件。
+App.js：我们叫他根组件，在SPA应用中，通常只有一个根组件。
 
 bundle.js：react-router4中使用的懒加载代码，目前我已经注释掉，有需求的可以自己尝试使用。
 

src/actions/book.js

@@ -10,8 +10,8 @@ const receiveBook = (response) => ({
 
 export const getBook = () => async (dispatch, getState) => {
     try {
-        let response = await instance.get(`/api/book/list`)
-        await dispatch(receiveBook(response))
+        let response = await instance.get(`/book/list`)
+        await dispatch(receiveBook(response.data))
         return response
     } catch (error) {
         console.log('error: ', error)

src/actions/nav.js

@@ -12,8 +12,8 @@ const receiveNav = (response) => ({
 //获取服务器的参数，并且返回一个异步的dispatch，dispatch的对象是自己定义的action
 export const getNav = () => async (dispatch, getState) => {
     try {
-        let response = await instance.get(`/api/book/navigation`)
-        await dispatch(receiveNav(response))
+        let response = await instance.get(`book/navigation`)
+        await dispatch(receiveNav(response.data))
     } catch (error) {
         console.log('error: ', error)
     }

src/index.js

@@ -6,7 +6,8 @@ import { composeWithDevTools } from 'redux-devtools-extension';
 import thunk from 'redux-thunk';
 import createLogger from 'redux-logger';
 import { ConnectedRouter, routerReducer, routerMiddleware, push } from 'react-router-redux';
-import AppContainer from './appContainer';
+import { AppContainer } from 'react-hot-loader';
+import App from './App';
 import createHistory from 'history/createBrowserHistory';
 import rootReducer from './reducers/index';
 
@@ -19,31 +20,25 @@ const logger = createLogger({ collapsed: true });
 
 //解决移动端300毫秒延迟
 FastClick.attach(document.body);
-let store;
+const middlewares = [thunk, middleware];
+
 if(process.env.NODE_ENV === 'development') {
-    store = createStore(rootReducer, composeWithDevTools(applyMiddleware(
-        thunk,
-        logger,
-        middleware
-    )));
-} else {
-    store = createStore(rootReducer, composeWithDevTools(applyMiddleware(
-        thunk,
-        middleware
-    )));
+    middlewares.push(logger)
 }
+const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(...middlewares)));
 
-const render = (Component) => {
+const render = Component =>
     ReactDOM.render(
-        <Provider store={store}>
-            <Component />
-        </Provider>,
+        <AppContainer>
+            <Provider store={store}>
+                <Component />
+            </Provider>
+        </AppContainer>,
         document.getElementById('root')
     );
-}
 
-render(AppContainer)
+render(App)
 
 if(module.hot) {
-    module.hot.accept('./appContainer', () => { render(AppContainer) });
+    module.hot.accept('./App', () => { render(App) });
 }