纯redux 传数据

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'

}

}