store.subscribe(render);
二、redux实例--点击计数
const Counter = ({ value, onIncrement, onDecrement }) => (
<div>
<h1>{value}</h1>
<button onClick={onIncrement}>+</button>
<button onClick={onDecrement}>-</button>
</div>
);
const reducer = (state = 0, action) => {
switch (action.type) {
case ‘INCREMENT‘: return state + 1;
case ‘DECREMENT‘: return state - 1;
default: return state;
}
};
const store = createStore(reducer);
const render = () => {
ReactDOM.render(
<Counter
value={store.getState()}
onIncrement={() => store.dispatch({type: ‘INCREMENT‘})}
onDecrement={() => store.dispatch({type: ‘DECREMENT‘})}
/>,
document.getElementById(‘root‘)
);
};
render();
store.subscribe(render);
三、基本概念
3.1store
Store 就是保存数据的地方,整个应用只能有一个 Store
3.2
参考:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html