index.js:
import
App
from
'./App';
import
React
from
'react';
import
ReactDOM
from
'react-dom';
import {
createStore }
from
'redux';
import {
reducer }
from
'./container/appDux.js';
const
store =
createStore(
reducer);
function
render() {
ReactDOM.
render((
<
App
store=
{
store
}
/>
),
document.
getElementById(
'root'));
}
render();
store.
subscribe(
render);
App.js
import
React, {
Component }
from
'react';
import {
ADDGUN}
from
'./container/appDux'
class
App
extends
Component {
render() {
const {
store } =
this.
props;
const
num =
store.
getState();
return (
<
div
>
<
div
>现在有机枪
{
num
}
</
div
>
<
button
onClick=
{()
=>
store.
dispatch(
ADDGUN())
}
>点击加
</
button
>
</
div
>
);
}
}
export
default
App;
appDux.js
export
function
reducer(
state =
0,
action) {
switch (
action.
type) {
case
'ADD':
return
state +
1;
case
'REMOVE':
return
state +
1;
default:
return
10;
}
}
export
function
ADDGUN() {
return {
type:
'ADD'
}
}
export
function
REMOVEFUN() {
return {
type:
'REMOVE'
}
}