組件允許你將 UI 拆分為獨立可復用的代碼片段，并對每個片段進行獨立構思，所以當在動手寫代碼之前，要分析UI，如何劃分組件是一個需要在動手之前想清楚的問題，最重要的就是獨立以及可復用，獨立代表不會影響到其他組件，可復用代表省去了很多重復作業量，所以這兩部分在劃分組件的時候要重點思考，
組件，從概念上類似于 JavaScript 函式，它接受任意的入參（即 “props”），并回傳用于描述頁面展示內容的 React 元素，
React組件分為class組件和函陣列件
函陣列件
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
該函式是一個有效的 React 組件，因為它接收唯一帶有資料的 “props”（代表屬性）物件與并回傳一個 React 元素，這類組件被稱為“函陣列件”，因為它本質上就是 JavaScript 函式，
Class組件
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/178086.html
標籤：JavaScript