React入門 三 評論模組續 從伺服器獲取資料

2021-07-09 05:43:24 字數 1725 閱讀 6606

到目前為止,每個元件都根據自己的props渲染了一次,props是從父元件傳過來的屬性,是不可變的,我們使用的render方法也只會呼叫一次。但是我們想讓元件獲取資料後重新渲染,就用到了可變的state,state是元件私有的,我們可以通過this.setstate()更新它,元件就會被重新渲染~

render()方法依賴於props 和 state

componentdidmount () 是乙個元件被渲染時被react自動呼叫的方法.

開始**:

首先我們更改reactdom.render方法:

reactdom.render(

= url =

"reactdemo1/comments.json"

/>,

document.getelementbyid('example')

);

我們將url reactdemo1/comments.json傳給了commentbox,然後在commentbox中,我們做以下更改:

var commentbox = react.createclass(;

},componentdidmount: function

() );

}.bind(this),

error: function

(xhr, status, err) .bind(this)

});},

render: function

() />);}

});

loadcomments: function

() );

}.bind(this),

error: function

(xhr, status, err) .bind(this)

});},

在commentsbox的componentdidmount方法中,首先呼叫一次loadcomments()方法,然後設定定時器:

componentdidmount: function

()

var commentbox = react.createclass(;

},loadcomments: function

() );

}.bind(this),

error: function

(xhr, status, err) .bind(this)

});},

componentdidmount: function

() ,

render: function

() />);}

});var commentlist = react.createclass(

);});

return(

"commentlist">);

}});var commentform = react.createclass(

});var comment = react.createclass();

return ;

},render: function

() />);}

});reactdom.render(

"reactdemo1/comments.json"/>,

document.getelementbyid('example')

);

架設ftp伺服器從入門到精通

1.ftp 是什麼 ftp 1.2 什麼是內網 內網的計算機以nat 網路位址轉換 協議,通過乙個公共的閘道器訪問網際網路。內網的計算機可向網際網路上的其它計算機傳送連線請求,但網際網路上的其它計算機無法向內網的計算機傳送連線請求,所以無法用通常的方法去建立ftp伺服器。內網的ip位址有如下3種形式...

從客戶端獲資料庫伺服器的系統時間

just one method can get remote db time sql create or replace function test remote sysdate 2 return date 3 as 4 l cursor int 5 l status int 6 l remote ...

三 Nginx伺服器架構初探(3 1 模組化結構)

本章要點 模組化結構的相關知識。nginx如何處理web請求。nginx的事件驅動模型。nginx的設計架構概覽。nginx模組化結構 模組類別劃分 核心模組 包含兩類功能 主體功能 程序管理,許可權控制,錯誤日誌記錄,配置解析等。用於響應請求事件必須的功能 事件驅動機制,正規表示式解析等。編譯 快...