react學習札記 一

2021-07-09 14:46:14 字數 1183 閱讀 9752

最近學習了一點react的知識,在此稍作小結記錄。

首先,需要寫乙個react的class,寫法為var picture = react.createclass({});它的裡邊必須有render函式返回渲染的dom,但這時dom是虛擬的。

呼叫的方法有兩種:

第一種reactdom.render(,document.getelementbyid("content"));

第二種react.render(

react.createelement(picture , null),

document.getelementbyid('content')

);第一種方法需要在head裡面加入,而第二種方法不用。

react裡面有非常重要乙個點:元件的生命週期,在另乙個人寫的部落格裡有比較詳細的介紹:在官方的api中也有很多介紹:

元件不允許修改自己的 props,只能通過父元件來修改。這是為了保持props的一致性。如果有需要自行修改的值,應該存在 this.state 中!!!!

componentdidmount是在render之後才執行的函式,componentwillmount是在render之前執行的,若需要開始從其他地方用ajax獲取資料的這兩個都可以使用,componentdidmount在執行之後還會執行一次render函式。若想要再要不斷從遠端接收資料,則可以在componentdidmount中加入這一句setinterval(this.loadcommentsfromserver, this.props.pollinterval),就可以不斷接收資料。

貌似每執行一次class裡面的內建的元件就會呼叫一次render。。。

另外,在用ajax傳輸資料的時候,需要用this.setstate({}),來改變state的值。但這個時候的this貌似並不是整個class的this,這時候就需要用bind(this),才可以正常的賦值。

如類似下面的**

$.ajax();

}.bind(this),

error: function(xhr, status, err) .bind(this)

});

手機訪問入口:www.duckr.cn/web/banner/annualuserinfo/id?telephone=*********

React學習 一 安裝React環境

建議碼友們一定要看react官方文件哦!1.node.js安裝 如果沒有安裝的小夥伴,看這裡node安裝教程 安裝之後一定要檢驗一下版本號是否出來了 2.安裝 簡單說一下 npx 的作用如 1.預設情況下,首先檢查路徑中是否存在要執行的包 即在專案中 2.如果存在,它將執行 3.若不存在,意味著尚未...

Python3 學習札記(一)

作為一名不合格的電氣汪,程式設計基礎較為薄弱,之前僅簡單接觸過c和matlab。最近對python有點兒興趣,天天胡亂的敲 知識不成體系,效率不高也沒有針對性,因此想在這裡記錄下自己的學習過程,不然不出一周指定全忘光!參考 逆風的薔薇 的教程,python3爬蟲 簡單網頁抓取 三引號可以用來表示多行...

Python學習札記

1 strip 去除字串中所有不想要的空白符,split 方法建立乙個列表。2 sorted bif支援複製排序。3 分片,列表推導 4 工廠函式去除掉裡列表中重複的項。5 定義乙個類時,實際上是在定義乙個定製工廠函式。6 使用dict 工廠函式或使用 可以建立乙個空字典。要訪問乙個person字典...