瀏覽代碼

updated redux main.js; added example redux files

Brandon Wong 7 年之前
父節點
當前提交
f3c284bb13
共有 3 個文件被更改,包括 41 次插入3 次删除
  1. 22 0
      redux/src/components/ExampleContainer.js
  2. 7 3
      redux/src/main.js
  3. 12 0
      redux/src/reducers/exampleReducer.js

+ 22 - 0
redux/src/components/ExampleContainer.js

@@ -0,0 +1,22 @@
+
+import React from 'react';
+import { connect } from 'react-redux';
+import ExampleComponent from './ExampleComponent.js';
+
+
+function stateToProps(state) {
+    return state;
+}
+function dispatchToProps(dispatch) {
+    return {};
+}
+
+function ExampleContainer(props) {
+    return <div>
+            <ExampleComponent />
+        </div>;
+}
+
+export default connect(stateToProps, dispatchToProps)(ExampleContainer);
+
+

+ 7 - 3
redux/src/main.js

@@ -1,10 +1,11 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Provider, connect } from 'react-redux';
+import { Provider } from 'react-redux';
 import { createStore, applyMiddleware } from 'redux';
-import thunkMiddleware from 'redux-thunk';
+//import thunkMiddleware from 'redux-thunk';
 
+import reducers from './reducers/index.js';
 import App from './components/App.js';
 
 /*
@@ -12,9 +13,12 @@ ex:
 createStore(reducer, applyMiddleware(thunkMiddleware))
 */
 
+const store = createStore(reducers, /*initialState,*/ window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
 
 ReactDOM.render(
-    <App />,
+    <Provider store={store}>
+        <App />
+    </Provider>,
     document.getElementById('container')
 );
 

+ 12 - 0
redux/src/reducers/exampleReducer.js

@@ -0,0 +1,12 @@
+
+
+const defaultState = Object.freeze({});
+
+export default function example(state = defaultState, action = {type:'NO-OP'}) {
+    switch( action.type ) {
+        default:
+            return state;
+    }
+}
+
+