redux可预测的 JS 状态容器
Redux 是 JavaScript 应用程序的可预测状态容器。（不要与WordPress框架——Redux框架混淆。）
它可以帮助您编写行为一致、在不同环境（客户机、服务器和本机）中运行且易于测试的应用程序。除此之外，它还提供了很好的开发体验，例如实时代码编辑和时间旅行调试器的结合。
您可以将 Redux 与 React 一起使用，或与任何其他视图库一起使用。
Actions：
// Still using constants...
import { INCREMENT_COUNTER, DECREMENT_COUNTER } from '../constants/ActionTypes';
// But action creators are pure functions returning actions
export function increment() {
return {
type: INCREMENT_COUNTER
};
}
export function decrement() {
return {
type: DECREMENT_COUNTER
};
}
// Can also be async if you return a function
export function incrementAsync() {
return dispatch => {
setTimeout(() => {
// Yay! Can invoke sync or async actions with `dispatch`
dispatch(increment());
}, 1000);
};
}
// Could also read state of a store in the callback form
export function incrementIfOdd() {
return (dispatch, getState) => {
const { counter } = getState();
if (counter % 2 === 0) {
return;
}
dispatch(increment());
};
}
评论