1、我遇到的問題
react的return中,return出來的內(nèi)容里戚绕,如果有<>這種箭頭,而又不是標簽開始或者閉合的時候
但是枝冀,react會認為是舞丛,并且還給你報錯了。
那就這么玩
return(
<div>
<p>我就是{`<來說明一下>`}這個問題
</div>
)
這里是利用了{}果漾,告訴react這是一段js代碼球切。然后就可以了。
2绒障、react書寫
寫react的時候吨凑,使用
class Test extands React.Component{}
而不是
var
Test = React.createClass({})
因為后者在新版本react中被舍棄。
3户辱、react中this問題
雖然使用箭頭函數(shù)可以有效減少this丟失的問題鸵钝,在dom標簽中的onchang,之類事件上庐镐,箭頭函數(shù)內(nèi)包含實際要調(diào)用的函數(shù)寫法是可以的恩商,或者可以在事件后面.bind(this)
比如
<input onChange={this.changeInput.bind(this)}/>
如果是需要傳值的,也是可以的啊
<div onClick={this.clickHandle.bind(this,item,id)}>
如果bind(this)的this后面沒有參數(shù)焚鹊,默認第一個參數(shù)是event
如果要又要event又要傳值
<div onMouseEnter={(e)=>{this.handle(e,id)}}>
這鼠標移入移出 使用onMouseEnter 和 onMouseLeave痕届,移入子級 不想讓父級的移入移出效果受影響(使用onMouseOver之類,會一直在閃)
不過末患,要注意的是
使用setTimeout或者setInterval的時候不使用箭頭函數(shù)研叫,也記得使用.bind(this)
后面會陸續(xù)補充