其實 有一些 元件 不需要我們做任何 邏輯處理 和 狀態管理 僅僅只是用來展示 ui介面的話 這樣的元件 叫做無狀態元件
舉乙個很簡單的例子 而且無狀態元件 可以直接有乙個函式 封裝 不用 class 繼承component 同時無狀態元件執行起來 效能也比較好
事件 和 資料 都是由父元件傳遞過來 通過props 進行 繫結
import react from 'react'
import from "antd";
import "antd/dist/antd.css";
// 無狀態元件 ui元件 不需要state 進行狀態管理的元件
let helloreact = (props) =>
export default helloreact;
react無狀態元件
乙個普通元件只有render函式的時候，我們完全可以通過乙個無狀態元件來替換掉這個普通元件。無狀態元件相對於這個普通函式的優勢如下 無狀態元件的效能比較高。因為無狀態元件就是乙個函式。而普通元件是js裡面的乙個類，而這個類生成的物件裡還有生命週期函式，他執行起來既要執行生命週期函式，還要執行rend...
react 中的無狀態函式式元件
無狀態函式式元件，顧名思義，無狀態，也就是你無法使用state，也無法使用元件的生命週期方法，這就決定了函式元件都是展示性元件，接收props，渲染dom，而不關注其他邏輯。其實無狀態函式式元件也是官方比較推薦的一種方式，盡量讓底層的元件變成無狀態函式式元件，也即元件盡量只用來顯示資料，把資料操作的...
React之UI元件 容器元件以及無狀態元件
1.ui元件 只負責頁面的渲染 2.容器元件 只負責業務邏輯和資料的處理 3.無狀態元件 把ui元件用函式表示 可以省去生命週期函式，優化 二 具體 1.普通元件todolist.js 拆分成todolistui.js ui元件 和todolist.js 容器元件 importreact from ...