Reactjs React-Chrome inspector显示正在添加/删除的元素,但更改不是';在浏览器本身中不可见
新的反应,我试图添加一个基于状态变化的加载指示器。我在Chrome inspector中看到加载指示器被添加和删除,但它在浏览器中不可见。为了确保它不是CSS问题,我颠倒了逻辑——默认情况下显示指示器,在加载时隐藏指示器——这使得它始终可见。我再次看到它在Chrome inspector中出现和消失,只是不在浏览器中。同样的方法似乎在其他地方也适用,所以我肯定遗漏了什么 我还尝试添加和删除CSS类以切换可见性,我看到了相同的效果-该类在inspector中添加和删除,但在浏览器中没有发生任何更改。可能有什么东西阻止了重新渲染 我继承了这个项目,所以我对代码不太熟悉。如果您能给我一些提示,我将不胜感激 我在Chrome和Firefox中看到了相同的行为Reactjs React-Chrome inspector显示正在添加/删除的元素,但更改不是';在浏览器本身中不可见,reactjs,Reactjs,新的反应,我试图添加一个基于状态变化的加载指示器。我在Chrome inspector中看到加载指示器被添加和删除,但它在浏览器中不可见。为了确保它不是CSS问题,我颠倒了逻辑——默认情况下显示指示器,在加载时隐藏指示器——这使得它始终可见。我再次看到它在Chrome inspector中出现和消失,只是不在浏览器中。同样的方法似乎在其他地方也适用,所以我肯定遗漏了什么 我还尝试添加和删除CSS类以切换可见性,我看到了相同的效果-该类在inspector中添加和删除,但在浏览器中没有发生任何更改
render(){
return (
{this.state.filtering ? <div className='filter-loading-indicator'><img src={loadingGif} /></div>: null}
)
}
render(){
返回(
{this.state.filtering?:null}
)
}
Him@dm5,在您发布的代码中,没有重复使用。如果你在这段代码中使用了redux,请分享更多关于它的信息。删除了redux的提及,很抱歉造成混淆。在这段代码中,没有bug,所以,我认为其他代码中也有bug。谢谢你的关注。我会继续调查的。我想你没有使用this.setState({…})代码>控制状态的函数。