第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

為什么 render 里的 log 被調(diào)用兩次?

import React from 'react'


class Clock extends React.Component {

?constructor(props){

? ?super(props)

? ?this.state = {

? ? ?time: new Date()

? ?}

?}

?//生命周期函數(shù) 組件創(chuàng)建完成

?componentDidMount(){

? ?//創(chuàng)建定時(shí)器,間隔 1s

? ?this.timer = setInterval(() => {

? ? ?this.setState({

? ? ? ?time: new Date()

? ? ?})

? ?}, 1000);

?}

?//生命周期函數(shù) 組件更新

?componentDidUpdate(currentProps,currentState){

? ? console.log(currentState);

?}

?//生命周期函數(shù) 組件即將銷毀

?componentWillUnmount(){

? ?clearInterval(this.timer)

?}

?render(){

? ? console.log('---render---'); //調(diào)用兩次

? ?

? ?return (

? ? ?<div>

? ? ? ?<h2 >電子時(shí)鐘</h2>

? ? ? ?<br></br>

? ? ? ?<h1>{this.state.time.toLocaleTimeString()}</h1>

? ? ?</div>

? ?)

?}

}

export default Clock;


正在回答

1 回答

每次state數(shù)據(jù)更新,都會(huì)重新走render方法重新渲染,然后通過diff算法只更新有數(shù)據(jù)更新的地方。

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

為什么 render 里的 log 被調(diào)用兩次?

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)