React Component，Component instance，React element差別。

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。

• React - Components 與 Props
• React - Hello World
• React - React 術語表
• React 建立組件 create component
• React 組件的生命週期 Component Lifecycle