React中Component,Component instance,React element的差別如下。
React element是建構React程式的最小單位,在JSX是由html標籤及JavaScript組成的物件。
Component是返回React element物件定義畫面如何被渲染。
Component instance為Component的實例。
例如下面是React程式App.js
。Hello(props)
函式為Component,其返回React element <h1>Hello, {props.name}!</h1≫
物件。<Hello/>
則為Component instance。
App.js
import React from 'react';
import './App.css';
function App() {
const hello = <Hello name="John" /> // <-- Component instance of Hello()
return hello
}
function Hello(props) { // <-- Hello() function is a Component
return <h1>Hello, {props.name}!</h1> // <-- React element
}
export default App;
Component也可返回Component instance組成的element,所以App()
函式也是一個Component。
沒有留言:
張貼留言