react學(xué)習(xí)之路(一些小知識)

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ù)補充

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市璧针,隨后出現(xiàn)的幾起案子嚷炉,更是在濱河造成了極大的恐慌,老刑警劉巖探橱,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件申屹,死亡現(xiàn)場離奇詭異,居然都是意外死亡隧膏,警方通過查閱死者的電腦和手機哗讥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來胞枕,“玉大人杆煞,你說我怎么就攤上這事。” “怎么了决乎?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵队询,是天一觀的道長。 經(jīng)常有香客問我构诚,道長蚌斩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任范嘱,我火速辦了婚禮送膳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘彤侍。我一直安慰自己肠缨,他們只是感情好逆趋,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布盏阶。 她就那樣靜靜地躺著,像睡著了一般闻书。 火紅的嫁衣襯著肌膚如雪名斟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天魄眉,我揣著相機與錄音砰盐,去河邊找鬼。 笑死坑律,一個胖子當著我的面吹牛岩梳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晃择,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼冀值,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了宫屠?” 一聲冷哼從身側(cè)響起列疗,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎浪蹂,沒想到半個月后抵栈,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡坤次,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年古劲,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缰猴。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡产艾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情胰舆,我是刑警寧澤骚露,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站缚窿,受9級特大地震影響棘幸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜倦零,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一误续、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧扫茅,春花似錦蹋嵌、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至恋脚,卻和暖如春腺办,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背糟描。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工怀喉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人船响。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓躬拢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親见间。 傳聞我的和親對象是個殘疾皇子聊闯,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 函數(shù)和對象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念缤剧。通過函數(shù)可以封裝任意多條語句馅袁,而且...
    道無虛閱讀 4,550評論 0 5
  • 說在前面 關(guān)于 react 的總結(jié)過去半年就一直碎碎念著要搞起來,各(wo)種(tai)原(lan)因(le)荒辕。心...
    陳嘻嘻啊閱讀 6,850評論 7 41
  • JavaScript提供定時執(zhí)行代碼的功能汗销,叫做定時器(timer),主要由setTimeout()和setInt...
    許先生__閱讀 573評論 0 1
  • 十五年前削茁,《古墓麗影2》上映沒有收到想象中的票房好成績宙枷,但安吉麗娜朱莉扮演的勞拉英姿颯爽形象深入人心。也可能是古墓...
    拾洛葉閱讀 765評論 0 1
  • 你去深圳了茧跋, 我還在看長沙的天氣慰丛, 習(xí)慣這個東西真的是,瘾杭, …… 毫無用處诅病,, 比如粥烁, 喜歡你
    江山如畫愛今朝閱讀 269評論 0 0