Javascript 缓慢调度多个操作重复响应
当我调度多个动作时,我的应用程序速度明显减慢 问题:Javascript 缓慢调度多个操作重复响应,javascript,reactjs,redux,redux-thunk,Javascript,Reactjs,Redux,Redux Thunk,当我调度多个动作时,我的应用程序速度明显减慢 问题: 每次调度需要约300毫秒的时间?这是否包括运行action、reducer和mapDispatchToProps等所需的时间?我似乎没有触发任何额外的渲染 为什么即使我在使用redux thunk,它仍在等待每次调度完成?这难道不是thunk同时运行的目的吗 我的商店里有相当多的数据,这会起作用吗 300毫秒是正常的调度时间吗 我的组件挂载了 componentDidMount () { let start = Date.now(
componentDidMount () {
let start = Date.now();
let timePassed;
this.props.action1();
timePassed = Date.now() - start;
console.log(timePassed); // 313 ms
this.props.action2();
timePassed = Date.now() - start;
console.log(timePassed); // 652 ms
this.props.action3();
timePassed = Date.now() - start;
console.log(timePassed); // 1038 ms
this.props.action4();
timePassed = Date.now() - start;
console.log(timePassed); // 1441 ms
this.props.action5();
timePassed = Date.now() - start;
console.log(timePassed); // 1832 ms
}
我的行动:
export const action1 = () => ({
type: 'TYPE',
name: 'NAME',
});
我的减速机:
const actionReducer = (state, action) => {
const { name } = action;
return setIn(state, [name], {}); // Mutable lodash version of set.
};
编辑:我尝试了生产构建,每次调度的时间降到了0-2毫秒,但我仍然希望在开发中更快。您使用的是redux logger吗?您使用的是redux logger吗?