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(

当我调度多个动作时,我的应用程序速度明显减慢

问题:

  • 每次调度需要约300毫秒的时间?这是否包括运行action、reducer和mapDispatchToProps等所需的时间?我似乎没有触发任何额外的渲染
  • 为什么即使我在使用redux thunk,它仍在等待每次调度完成?这难道不是thunk同时运行的目的吗
  • 我的商店里有相当多的数据,这会起作用吗
  • 300毫秒是正常的调度时间吗
  • 我的组件挂载了

      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吗?