componentDidMount是组件确实渲染成了dom后触发，如果我在这时候append一个绝对定位top0的有颜色的div，预期效果应该是先显示react组件，后立马显示红色div但是实际是直接显示红色div了，都没有闪一下的效果，这是为何？

class App extends Component {
  constructor(){
    super();
  }
  componentDidMount() {
    const div=document.createElement('div');
    div.style='position:absolute;height:100px;width:100vw;background:blue;top:0';
    document.body.appendChild(div)
  }
  render(){  
    return (
      <div style={{background:'red'}}>hello world</div>
    )
  }
}