React-使用外部數據渲染UI

render() 僅用於渲染!

不應在 render 方法中獲取數據!組件的 render() 方法應該僅用於渲染該組件;不應發出任何 HTTP 請求、獲取用於顯示內容的數據,或者更高 DOM。此外,render() 方法不應調用任何執行這些操作的其他函數。 

因爲 render() 僅用於顯示內容,我們將應該處理 Ajax 請求等任務的代碼放在 React 的生命週期事件中

componentDidMount() 總結

componentDidMount() 是 React 提供的多個生命週期事件之一。當組件被“裝載”後(即被渲染之後),componentDidMount() 被調用。如果你想動態地獲取數據或運行 Ajax 請求,則應該在 componentDidMount() 中執行這些操作。

componentDidMount() 的工作原理

在上一部分,我們提到 componentDidMount() 是組件添加到 DOM 之後立即運行的生命週期鉤子,如果你想獲取遠程數據或發出 Ajax 請求,則應該使用該方法

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章