React組件設(shè)計思路是怎樣的？我是前端，用react年了。我來回答這個問題！首先，有三種方法可以創(chuàng)建React組件:功能性無狀態(tài)組件采取(不推薦)類繼承讓 讓我們分別談三種。第一種:它只是一個形式上

React組件設(shè)計思路是怎樣的？

我是前端，用react年了。我來回答這個問題！

首先，有三種方法可以創(chuàng)建React組件:

功能性無狀態(tài)組件

采取

(不推薦)

類繼承

讓 讓我們分別談三種。

第一種:

它只是一個形式上的函數(shù)，函數(shù)參數(shù)是傳入的屬性props。在生命周期中沒有鉤子函數(shù)，它不會被實例化。函數(shù)中不能使用this關(guān)鍵字，組件的數(shù)據(jù)來自props。沒有自己狀態(tài)的組件可以采用這種方法，優(yōu)點是性能好。

第二種:基本廢棄。

第三種:

以es6類的形式定義，繼承自React的組件，生命周期中的每個鉤子函數(shù)都掛在實例上，在整個生命周期中可以通過state和props控制組件的狀態(tài)，state就是組件本身的狀態(tài)。

高階分量

所謂高階分量，其實就是把一個分量傳入一個函數(shù)，返回一個新的分量。實現(xiàn)方法如下:

1.定義一個函數(shù)，參數(shù)是react組件，返回另一個組件。

2.采用

react應(yīng)用項目？

三個經(jīng)典項目

1、根據(jù)類型

這里的類型是指文件在項目中扮演的角色類型。比如文件是一個組件(顯示組件)和一個容器(容器組件)，還有action、reducer等。在redux狀態(tài)管理中。不同角色的文件放在單獨的文件夾里，所以這種風(fēng)格的結(jié)構(gòu)也是react官方推薦的。

2、顯示頁面功能

由于一個頁面函數(shù)對應(yīng)一個文件夾，所以這個頁面函數(shù)使用的容器、組件、動作、縮減器等文件都放在這個文件夾里。

3、鴨子

它指的是redux項目的新目錄結(jié)構(gòu)。他主張將相關(guān)的reducer、Actions、Action type和Action Creaters寫在一個文件中。本質(zhì)上是基于應(yīng)用狀態(tài)而不是頁面的功能，這樣管理相同狀態(tài)的依賴項都在同一個文件中，不管哪個容器主線需要這個狀態(tài)。您只需要導(dǎo)入管理這種狀態(tài)的模塊文件。