react-saga不起作用啊?

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

}
}

阅读 2.7k
1 个回答

首先名字是 redux-saga 它是 redux 的一个中间件

其次中文的文档已经很老了.你可以选择看 英文文档, 实在吃力的话可以对照的中文文档看,

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题