React | react是什麼
React(也稱為React.js或ReactJS)是一個自由及開放原始碼的前端JavaScript工具庫,[3]用於基於UI組件構建使用者介面。它由Meta(前身為Facebook)和由個人開發者和公司組成的社群維護。[4][5][6]React可用作開發具有Next.js等框架的單頁、手機或伺服器彩現應用程式的基礎。然而,React只專注狀態管理和將狀態彩現到DOM,因此建立React應用程式通常需要使用額外的工具庫來進行路由實作,以及某些客戶端功能。[7][8]基本使用方法[編輯]以下是使用JSX和JavaScript在HTML中使用React的基本範例。importReactfrom"react";constGreeting=()...
React(也稱為React.js或ReactJS)是一個自由及開放原始碼的前端JavaScript工具庫,[3] 用於基於UI組件構建使用者介面。
它由Meta(前身為Facebook)和由個人開發者和公司組成的社群維護。[4][5][6] React可用作開發具有Next.js等框架的單頁、手機或伺服器彩現應用程式的基礎。然而,React只專注狀態管理和將狀態彩現到DOM,因此建立React應用程式通常需要使用額外的工具庫來進行路由實作,以及某些客戶端功能。[7][8]
基本使用方法[編輯]以下是使用JSX和JavaScript在HTML中使用React的基本範例。
import React from "react"; const Greeting = () => { return ( <div className="hello_world"> <h1> Hello, world! </h1> </div> ); }; export default Greeting;Greeting函數是一個React組件,彩現的結果為「Hello, world」。
在網頁瀏覽器中顯示時,結果將是以下內容的彩現:
<div class="hello_world"> <h1>Hello, world!</h1> </div> 宣告式語法[編輯]React採取宣告式程式撰寫範式。開發人員為應用程式的每個狀態設計視圖,React會在資料更改時更新和呈現組件。這與命令式程式撰寫不同。[9]
組件[編輯]React程式碼由稱為組件的實體組成。這些組件是可重複利用的,並且必須遵循大寫駝峰命名法(Pascal Case)作為其命名規則,也就是大寫版本的駝峰式命名法(camelCase)在src資料夾中形成。可以使用React DOM工具庫將組件彩現到DOM中的特定元素。彩現組件時,可以通過「props」在組件之間傳遞參數值:[10]
import React from "react"; import Tool from "./Too...