关于react对于不同浏览器的两个小bug

正在做的一个react项目，某些页面在某些浏览器打不开的问题。查看了所有代码都没有问题，最后复现bug的时候发现了两个小问题竟然导致整个页面乃至整个网站瘫痪。
1、Object.values这个方法本来是把对象转化成数组详记
我本地调试是用Mac电脑chrome和safari浏览器都没有问题，但同事的chrome和safari就有问题
后来把Object.values 用for循环来遍历就好了
判断一个对象的所有属性是否有为空的

formList: {
    phone: '18363972401',
    imageHtml: '1234',
    passWord: '12345678'
 },
let hasNull = false
/* let values = Object.values(formList)
     values.map((v, index) => {
     if (v === '') {
         hasNull = true
     }
 })*/
for (var v in formList) {
    if (formList[v] === '') {
        hasNull = true
    }
}

2、let [loginForm] = doc.getElementsByClassName(‘left_box’)这个赋值问题
错误提示：Invalid attempt to destructure non-iterable instance（对不可迭代实例解构的无效尝试）
before:

let [loginForm] = doc.getElementsByClassName('left_box')
if (loginForm !== undefined) {
    height = loginForm.offsetHeight
}

after:

let loginForm = doc.getElementsByClassName('left_box')[0]
if (loginForm !== undefined) {
    height = loginForm.offsetHeight
}

END–解决
遇到问题：
首先要重现bug–查找出问题的代码–分析问题原因–找到解决办法–解决问题–完美