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

為了賬號安全,請及時綁定郵箱和手機立即綁定

react的onClick和onclick

onClick 等事件,與原生 HTML 不同,on 之后第一個字母是大寫的!,如果將?onClick={this.handleClick}?換成?onclick={this.handleClick}?則點擊事件不再生效。

? <div id="example"></div>

? ? <script type="text/babel">

? ? ? var LikeButton = React.createClass({

? ? ? ? getInitialState: function() {

? ? ? ? ? return {liked: false};

? ? ? ? },

? ? ? ? handleClick: function(event) {

? ? ? ? ? this.setState({liked: !this.state.liked});

? ? ? ? },

? ? ? ? render: function() {

? ? ? ? ? var text = this.state.liked ? '喜歡' : '不喜歡';

? ? ? ? ? return (

? ? ? ? ? ? <p onClick={this.handleClick}>

? ? ? ? ? ? ? 你<b>{text}</b>我。點我切換狀態。

? ? ? ? ? ? </p>

? ? ? ? ? );

? ? ? ? }

? ? ? });


? ? ? ReactDOM.render(

? ? ? ? <LikeButton />,

? ? ? ? document.getElementById('example')

? ? ? );


正在回答

1 回答

因為這是React識別回調函數的寫法,onclick是html識別。。。。環境不一樣 -? -

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

react的onClick和onclick

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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