什么是組件？

官方定義：將一些簡短、獨立的代碼片段組合成復雜的 UI 界面，這些代碼片段被稱作“組件”。

解讀：我們可以理解為能夠組成一個UI界面的每一個獨立的代碼片段，例如表單的代碼集合，輪播圖的代碼集合，講這些能夠構成特定功能的代碼集合我們稱之為組件。

React.component子類

我們以下面這段代碼為例，進行詳細的分析：

class ShoppingList extends React.Component {render() {return (<div className="shopping-list"><h1>Shopping List for {this.props.name}</h1><ul><li>Instagram</li><li>WhatsApp</li><li>Oculus</li></ul></div>);} }

官方描述：ShoppingList是React的一個組件類。一個組件接收一些參數，我們把這些參數叫做 props（“props” 是 “properties” 簡寫），然后通過 render 方法返回需要展示在屏幕上的視圖的層次結構。render 方法的返回值描述了你希望在屏幕上看到的內容。React 根據描述，然后把結果展示出來。更具體地來說，render 返回了一個 React 元素，這是一種對渲染內容的輕量級描述。大多數的 React 開發者使用了一種名為 “JSX” 的特殊語法，JSX 可以讓你更輕松地書寫這些結構。

組件接收的參數叫做props.

render方法返回的結果就是渲染到屏幕上我們看到的結果。

render函數中包含的是JSX語法，這個和JS語法不同。

總結

以上是生活随笔為你收集整理的react学习(38)----react是什么的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。