react-saga中文文档中的例子
sagas.js
export function* helloSaga() {
console.log('Hello Sagas!');
}
main.js
import "babel-polyfill"
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'
import {helloSaga} from './sagas'
import Counter from './Counter'
import reducer from './reducers'
const store = createStore(
reducer,
applyMiddleware(createSagaMiddleware(helloSaga))
)
const action = type => store.dispatch({type})
function render() {
ReactDOM.render(
<Counter
value={store.getState()}
onIncrement={() => action('INCREMENT')}
onDecrement={() => action('DECREMENT')} />,
document.getElementById('root')
)
}
render()
store.subscribe(render)
reducer.js
export default function counter(state = 0, action) {
switch (action.type) {
case 'INCREMENT':
return state + 1
case 'INCREMENT_IF_ODD':
return (state % 2 !== 0) ? state + 1 : state
case 'DECREMENT':
return state - 1
default:
return state
}
}
首先名字是
redux-saga
它是redux
的一个中间件其次中文的文档已经很老了.你可以选择看 英文文档, 实在吃力的话可以对照的中文文档看,