ReactJS中的繁重组件在IE浏览器上执行缓慢

时间:2018-07-31 07:54:33

标签: javascript reactjs npm

我有具有大数据集的react组件,定义了大约200个状态变量,其中存储了用户特定的数据行名称,移动电话号码,电子邮件等。在该单个组件中还嵌入了约40个react组件。我已经计算出在IE中为单个变量设置状态的时间为290毫秒,而在Chrome上计算为66毫秒。这意味着,在IE浏览器中花费更多的时间来设置状态。有人可以帮我解决这个问题吗? IE 11.0版 Google Chrome版本68.0

这是移动无字段更改的代码

handleMobileChange = (value) => {
        let error = this.state.errors; 
        error['Mobile'] = "";
        var regx = /^[789]([0-9])*$/;
        if(value.length >= 1){
            if(!regx.test(value)){ 
                return false; 
              }
              else{
                  value = value.trim();
                  this.setState({
                      Mobile: value,
                      errors:error
                  });
              }
        }else{
            value = '';
            this.setState({
                Mobile: value,
                errors:error
            })
        }
    }

0 个答案:

没有答案