<div id="example"></div>
<script type="text/babel">
var LikeButton =React.createClass({
getInitialState:function(){
return{liked:false} //這個方法用于初始化狀態(tài)村刨，可以通過
// this.state屬性讀取症脂。 即讀取this.state.like 是 false
},
handleClick:function(event){
this.setState({
liked:!this.state.liked //第一次點擊后 取初始化 false的反值為true
}); // 通過this.setState()方法修改 like狀態(tài)值
// 每次修改以后自脯，自動調(diào)用this。render方法肚邢，再次渲染組件
},
render:function(){
var text =this.state.liked?'like':'hanve't liked';
return (
<p onClick={this.handleClick}>
You {text} hhhh
</p>
)
}
});
ReactDOM.render(
<LikeButton/>,
document.getElementById('example')
)
</script>
this.state 用戶與組件互動
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來办绝，“玉大人伊约，你說我怎么就攤上這事≡胁酰” “怎么了屡律？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長降淮。 經(jīng)常有香客問我超埋，道長，這世上最難降的妖魔是什么佳鳖？ 我笑而不...
- 正文 為了忘掉前任霍殴，我火速辦了婚禮，結(jié)果婚禮上系吩，老公的妹妹穿的比我還像新娘来庭。我一直安慰自己，他們只是感情好淑玫，可當我...
- 文/花漫 我一把揭開白布巾腕。 她就那樣靜靜地躺著，像睡著了一般絮蒿。 火紅的嫁衣襯著肌膚如雪尊搬。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼弹渔，長吁一口氣：“原來是場噩夢啊……” “哼胳施！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起肢专，我...
- 正文 年R本政府宣布，位于F島的核電站金吗，受9級特大地震影響十兢，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜摇庙，卻給世界環(huán)境...
- 文/蒙蒙 一旱物、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧卫袒，春花似錦宵呛、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至码秉，卻和暖如春逮矛，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背转砖。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- JSX 知識準備 JSX 并不是一門全新的語言，僅僅是一個語法糖岖食，允許開發(fā)者在javascript中編寫XML語言...
- 當所有人泡垃，包括我自己析珊，都以為我只是在糾結(jié)，你說蔑穴，我在努力忠寻。 我曾對自己說，我會不斷遇到存和，最不想發(fā)生的事情奕剃。能撐過去...
