import React, { Component, PureComponent } from 'react';
import logo from './logo.svg';
import './App.css';
class Temp extends PureComponent {
render() {
console.log('render Temp');
return (
<div>{ this.props.val }</div>
);
}
}
class App extends Component {
state = {
val: 1
}
componentDidMount() {
setInterval(() => {
this.setState({
val: 1
})
}, 2000)
}
// shouldComponentUpdate(nextProps, nextState) {
// console.log('nextState', nextState);
// console.log('current state', this.state);
// return (
// this.state.val === nextState.val ? false : true
// )
// }
render() {
console.log('render App');
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">Welcome to React</h1>
</header>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<Temp val={ this.state.val } />
</div>
);
}
}
export default App;
react中使用Pure Component
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門老速,熙熙樓的掌柜王于貴愁眉苦臉地迎上來粥喜,“玉大人,你說我怎么就攤上這事橘券《钕妫” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵旁舰,是天一觀的道長锋华。 經(jīng)常有香客問我,道長箭窜,這世上最難降的妖魔是什么毯焕? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮磺樱,結(jié)果婚禮上纳猫,老公的妹妹穿的比我還像新娘紧阔。我一直安慰自己,他們只是感情好续担,可當(dāng)我...
- 文/花漫 我一把揭開白布擅耽。 她就那樣靜靜地躺著,像睡著了一般物遇。 火紅的嫁衣襯著肌膚如雪乖仇。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼蜀铲,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了属百?” 一聲冷哼從身側(cè)響起记劝,我...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡渔呵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年怒竿,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扩氢。...
- 正文 年R本政府宣布巩检,位于F島的核電站,受9級特大地震影響示启,放射性物質(zhì)發(fā)生泄漏兢哭。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一夫嗓、第九天 我趴在偏房一處隱蔽的房頂上張望迟螺。 院中可真熱鬧冲秽,春花似錦、人聲如沸矩父。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽窍株。三九已至民轴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間球订,已是汗流浹背后裸。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長得像开睡,于是被迫代替她去往敵國和親因苹。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 一蘸秘、前言 React虛擬DOM再快,也比不上直接操作DOM蝗茁。并且直接使用React.Component還時常會出現(xiàn)...
- element的實質(zhì) 在React中無論是class形式(render函數(shù))還是function形式(return...
- 最近一直在看React的一些東西艰匙,其實很早前就想開始重拾前端限煞,但是一直提不起興趣再去看JavaScript,對CS...
- 在react router官方文檔關(guān)于component的部分寫著: When you use component...
- Web Component中使用slot的使用方式與vue中slot很像员凝,或許后者借用了前者的思想署驻。 Web Co...