Javascript 在某些浏览器上仅反应组件渲染

我有一个地址数组，映射到一个列表，然后呈现在屏幕上。我发现的问题是，当应用程序被部署时，它似乎只在一些人的机器上工作，而在其他机器上不工作。我们中的一些人已经在chrome上进行了测试，我看不到列表，而其他人可以。虽然我看不到列表，但我仍然可以单击选定的地址，这样阵列就在那里，但它就是不可见的

下面是我呈现列表的代码

 $('#addressDropddown').show();

  const listItems =  this.addresses.map((list) =>{
  return(
    <li>
    <p className="addressListButtons" onClick={()=>this.myFunction(myObj, list)}>{list}</p>
    </li>
  )
  })

  //Render the button listdocument.
  ReactDOM.render(<ul>{listItems}</ul>, document.getElementById('addressDropddown'));

$（'#addressDropddown'）.show（）；
const listItems=this.addresses.map（（列表）=>{
返回(

this.myFunction（myObj，list）}>{list}

)
})
//呈现按钮列表文档。
ReactDOM.render（
{listItems}
，document.getElementById（'addressDropddown'））；

然后将其渲染到下面的div

    <MDBRow>
             <MDBCol size="3" />
             <MDBCol lg="5" md="12" className="title-left">
             <MDBAnimation className="ex3" id="addressDropddown" type="fadeIn">  
             <div className="ex3" />
             </MDBAnimation>    
            </MDBCol>
             <MDBCol size="3" />
           </MDBRow>  

我在两台电脑上分别附上了两张结果图片。我在其中一台电脑上看到了列表，而在另一台电脑上看不到。

---

问题在于，当在组件内而不是通过css呈现样式时，只允许在某些浏览器上呈现样式，而不允许在其他浏览器上呈现样式

e、 g

---

您在控制台/开发人员工具中看到了哪些错误？您具体测试了哪些浏览器？哪些浏览器工作，哪些浏览器不工作？另外，您正在将

jQuery

与

React

一起使用？您好，在chrome和firefox测试过的浏览器中，有一些实例表明它在这两种浏览器上都能工作，但随后就不工作了。我在控制台中没有任何错误，因为实际的组件和列表似乎能够显示OK，因为我仍然可以从空白下拉中单击一个地址。我正在使用jquery隐藏和显示组件。您认为使用setState来显示它是否可行。如。。this.setState（{showAddresses:true}）您是说有些浏览器支持通过JavaScript进行样式化，而有些不支持？我对此表示怀疑。

document.getElementById("authorisationCheckboxText").style.color = "#ff0000";