什么是組件？

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

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

React.component子類

我們以下面這段代碼為例，進(jìn)行詳細(xì)的分析：

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的一個(gè)組件類。一個(gè)組件接收一些參數(shù)，我們把這些參數(shù)叫做 props（“props” 是 “properties” 簡寫），然后通過 render 方法返回需要展示在屏幕上的視圖的層次結(jié)構(gòu)。render 方法的返回值描述了你希望在屏幕上看到的內(nèi)容。React 根據(jù)描述，然后把結(jié)果展示出來。更具體地來說，render 返回了一個(gè) React 元素，這是一種對渲染內(nèi)容的輕量級描述。大多數(shù)的 React 開發(fā)者使用了一種名為 “JSX” 的特殊語法，JSX 可以讓你更輕松地書寫這些結(jié)構(gòu)。

組件接收的參數(shù)叫做props.

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

render函數(shù)中包含的是JSX語法，這個(gè)和JS語法不同。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。