教程:http://www.ruanyifeng.com/blo...
按照教程弄的,但是结枸发生了一点变化,我把它export出去用router来加载的
但是结果是
import React from 'react';
import ReactDOM from 'react-dom';
import './index.less';
import { createStore } from 'redux';
const Counter = ({ value, onIncrement, onDecrement }) => (
<div>
<h1>{value}</h1>
<button onClick={onIncrement}>+</button>
<button onClick={onDecrement}>-</button>
</div>
);
const reducer = (state = 0, action) => {
console.log(action, state, store)
switch (action.type) {
case 'INCREMENT': return state + 1;
case 'DECREMENT': return state - 1;
default: return state;
}
};
const store = createStore(reducer);
const render = () => (
<Counter
value={store.getState()}
onIncrement={() => store.dispatch({type: 'INCREMENT'})}
onDecrement={() => store.dispatch({type: 'DECREMENT'})}
/>
)
store.subscribe(render);
export default class User extends React.Component{
render = render;
}