Javascript 尝试删除ComponentDidMount甚至Render中的引导类时，React应用程序出错

我正在尝试在React应用程序中循环、删除和替换引导类

如果我只是使用一个按钮点击来调用实现此功能的函数，它就可以正常工作。无论哪种方式，ID都显示为console.log

我很困惑，我以为组件didmount可以使用，但后来我决定使用渲染（）方法，我仍然得到以下错误：

 // displays fine in ComponentDidMount and in Render 
 console.log('in loop render id sending over is:', this.state.data[i]["Member_ID"]);

 // error with this  `TypeError: Cannot read property 'classList' of null` 
 document.getElementById(this.state.data[i]["Member_ID"]).classList.remove('btn-warning');

总结一下：不知道如何使用按钮调用函数和删除类引导（我在等之后替换类）

TypeError:无法读取null的属性“classList”

---

我怎样才能做到这一点？计时器？不同的生命周期方法

最好通过覆盖CSS来解决这个问题，在每个渲染上运行类替换将导致大量不必要的重新渲染，并可能暴露奇怪的加载外观。如果你只想更改

bin warning

的CSS，你可以添加自己的CSS，覆盖你不想要的规则。好吧，@rutherfordwongkington目前我无法让它在render或componentdidmount中工作，所以我甚至不知道怎么做。我当然不希望它太慢，但我甚至找不到任何关于我正在尝试做的事情的文章或例子。你能给我看一个例子或样品或网站链接吗？退欧取决于你到底想完成什么。您可以编写CSS来覆盖不需要的样式。