学习地址:
Redux 中文文档
redux-saga
文件目录结构:
创建一个store文件夹,里面有个index, index.js code:
在store中将reducer注入。
import {createStore} from 'redux'
import reducer from './reducer'
// reducer 注入
const store = createStore(
reducer,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
export default store;
reducer.js code:
reducer就是暴露出一个方法出去。
const defaultState = {
value : 'write....',
list: [
'hello',
'world',
'nihao'
]
}
export default (state = defaultState, action) => {
return state
}
APP.js代码:
class App extends Component {
constructor(props)
{
super(props);
console.log(store.getState());
}
render(){
return(
<div>
<p>hello world</p>
</div>
)
}
}
export default App;
执行结果: