淺談react無狀態組件（啞組件）和有狀態組件（智能組件）的區別
（1）無狀態組件 無狀態組件(Stateless Component)是最基礎的組件形式，由於沒有狀態的影響所以就是純靜態展示的作用。一般來說，各種UI庫里也是最開始會開發的組件類別。如按鈕、標簽、輸入框等。它的基本組成結構就是屬性（props）加上一個渲染函數（render）。由於不涉及到 ...
原文：React之智能組件和木偶組件
智能組件 VS 木偶組件 在 React Redux 結合作為前端框架的時候，提出了一個將組件分為 智能 和 木偶 兩種 智能組件：它是數據的所有者，它擁有數據 且擁有操作數據的action，但是它不實現任何具體功能。它會將數據和操作action傳遞給子組件，讓子組件來完成UI或者功能。這就是智能組件，也就是項目中的各個頁面。 木偶組件：它就是一個工具，不擁有任何數據 及操作數據的action，給 ...
2018-03-30 14:50 0 1828 推薦指數：
相關推薦
React - 組件：類組件
目錄： 1. 類組件有自己的狀態 2. 繼承React.Component-會有生命周期和this 3. 內部需要一個render函數（類組件會默認調用render方法，但不會默認添加，需要手動填寫render函數，並return一個能渲染的值。） 4. 類組件的基本架構 5. ...
字節開源 Vue3+React 智能組件庫Acro
字節開源 Vue3+React 智能組件庫Acro 原創2021-11-06 08:25·web前端進階 之前有給大家分享一個抖音系開源的Semi產品系統。今天再分享一個字節開源的智能設計組件庫Acro Design。 抖音開源Semi Design產品設計系統 ...
react（三）：容器組件和傻瓜組件
讓一個組件只專注於一件事，如果發現讓一個組件做的事情太多，就可以把這個組件拆分成多個組件讓每一個組件只專注於一件事 《深入淺出react和redux》 ---程墨 一個react組件最基本的基本上就是完成兩大功能 1、讀取store的狀態，用於初始化組件的兩大狀態，監聽store ...
react《容器組件和展示組件》
作者：Dan Abramov原文鏈接： https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 容器組件和展示組件 容器組件和展示組件名詞都來自於redux中文文檔。 我在用react寫 ...
React容器組件和展示組件
Presentational and Container Components 展示組件 - 只關心它們的樣子。 - 可能同時包含子級容器組件和展示組件，一般含DOM標簽和自定的樣式 ...
React - 組件：函數組件
目錄： js文件中的函數組件： 首字母大寫、有返回jsx的函數組件 也可以直接調用函數，實現函數組件引用。 函數組件里可以返回一個字符串： 但是沒有返回值就會報錯： 組件之間寫內容不會展示出來： 組件身上寫 ...