亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

react componentDidMount時機問題

react componentDidMount時機問題

慕無忌1623718 2019-03-14 14:15:59
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>    )  }}
查看完整描述

3 回答

?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

同1樓,這個過程肉眼是看不出來的。就想同理如果在這個生命在后期中調用api來獲取數據,實際是調用了2次,但是在瀏覽器中,是根本看不出來的。


查看完整回答
反對 回復 2019-04-09
?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

你為什么會覺得現代計算機有這么慢?
想看效果自己用setTimeout設置延遲。

查看完整回答
反對 回復 2019-04-09
?
茅侃侃

TA貢獻1842條經驗 獲得超22個贊

render部分寫法有誤


render() {

    return (

      <div style={{background:'red'}}>hello world</div>

    )

 }

現在應該可以先看到紅色,然后再看到藍色了


查看完整回答
反對 回復 2019-04-09
  • 3 回答
  • 0 關注
  • 632 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號