update

src/app/index/actions/category.js

@@ -1,3 +1,8 @@
 import * as types from '../constants/CategoryTypes';
 
-// export add
+export function addCategory(name) {
+  return {
+    type: types.ADD_CATEGORY,
+    name
+  }
+}

src/app/index/components/category/index.jsx

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import * as actions from '../../actions/category.js';
+
+export default class Category extends Component {
+  render () {
+    console.log('category-index.jsx', this.props)
+    return (<div>menu</div>);
+  }
+}
+
+let mapStateToProps = state => state;
+
+let mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+export default connect(mapStateToProps, mapDispatchToProps)(Category);

src/app/index/components/index.jsx

@@ -1,27 +1,18 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions'
+import Category from './category/index.jsx';
+import List from './list/index.jsx';
 
 export default class Index extends Component {
   render () {
-    console.log(this.props)
     return (
       <div>
         <h1>Todo-List</h1>
         <div className="box">
-          <div>menu</div>
-          <div>list</div>
+          <Category />
+          <List />
         </div>
       </div>
     );
   }
 }
-
-
-let mapStateToProps = state => state;
-
-let mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
-
-export default connect(mapStateToProps, mapDispatchToProps)(Index);

src/app/index/components/list/index.jsx

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import * as actions from '../../actions/list.js';
+
+export default class List extends Component {
+  render () {
+    console.log('list-index.jsx', this.props)
+    return (
+      <div>list</div>
+    );
+  }
+}
+
+let mapStateToProps = state => state;
+
+let mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+export default connect(mapStateToProps, mapDispatchToProps)(List);

src/app/index/containers/App.js

@@ -1,8 +1,5 @@
 import React, { Component } from 'react';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
 import { Router, Route, Link } from 'react-router';
-import * as actions from '../actions';
 import Index from '../components/index.jsx';
 
 export default class View extends Component {

src/app/index/reducers/category.js

@@ -0,0 +1,28 @@
+import { ADD_CATEGORY } from '../constants/CategoryTypes';
+
+
+/**
+ * 创建分类
+ *
+ * 
+ */
+let createCategory = name => {
+  let time = Date.now();
+
+  return {
+    id: Math.random().toString(36).split('.').join(''),
+    addTime: time,
+    updateTime: time,
+    name
+  }
+}
+
+export default (state = [], action) => {
+  switch (action.type) {
+    case ADD_CATEGORY:
+      return [createCategory(action.name)]
+
+    default:
+      return state
+  }
+}

src/app/index/reducers/index.js

@@ -1,4 +1,5 @@
 import { combineReducers } from 'redux';
+import category from './category';
 import list from './list';
 
-export default combineReducers({list});
+export default combineReducers({category, list});