到目前為止,每個元件都根據自己的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模組化結構 模組類別劃分 核心模組 包含兩類功能 主體功能 程序管理,許可權控制,錯誤日誌記錄,配置解析等。用於響應請求事件必須的功能 事件驅動機制,正規表示式解析等。編譯 快...