首頁猿問如何避免react(dva.js)...

如何避免react(dva.js)多次渲染？求指導(dǎo)！

JavaScript

開滿天機(jī) 2019-08-11 14:51:15

問題描述：當(dāng)在瀏覽器中刷新頁面時，如下示例代碼：classTestextendsComponent{constructor(props){super(props)this.state={}}componentWillMount(){//獲取所有活動數(shù)據(jù)...code}render(){const{Test}=this.props;console.log(Test)return(這是一段測試代碼)}會發(fā)現(xiàn)在瀏覽器后臺打印出多次Test，其中前幾次多為空對象，那么應(yīng)該如何避免這種情況呢？

查看完整描述

2 回答

郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個贊

shouldComponentUpdate是可以控制是否渲染更新的classTestextendsComponent{constructor(props){super(props)this.state={}}componentWillMount(){//獲取所有活動數(shù)據(jù)...code}shouldComponentUpdate(nextProps){if(isEqual(nextProps.Test,this.props.Test){returnfalse}}render(){const{Test}=this.props;console.log(Test)return(這是一段測試代碼
)}

反對回復(fù) 2019-08-11

梵蒂岡之花

TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個贊

1、如果代碼結(jié)構(gòu)正確，這種多次渲染并不會存在問題（沒獲取到數(shù)據(jù)之前為空，得到數(shù)據(jù)再次渲染，正?，F(xiàn)象），當(dāng)然如果沒正確控制好代碼渲染，就會帶來各種bug2、如果想減少不必要渲染，使用shouldcomponenmtupdate

反對回復(fù) 2019-08-11