JSX（JavaScript XML）

JSX (JavaScript XML) 是 JavaScript 的語法擴展，通常與 React 一起使用來描述使用者介面的外觀。它看起來與 HTML 類似，但可以在 JavaScript 中運行。 JSX 可讓您直接在 JavaScript 中編寫 HTML 元素並將它們放置在 DOM 中。它透過視覺上類似於 HTML 使 React 元件更易於編寫和理解。
JSX 範例：

function Welcome(props) {
  return <h1 id="Hello-props-name">Hello, {props.name}!</h1>;
}

const element = <welcome name="John"></welcome>;

在此範例中：

• Welcome 是一個以 props 作為參數的函數元件。
• 該元素是一個 JSX 表達式，它將名稱「John」傳遞給 Welcome 元件。

JSX 然後在建置過程中被編譯為對 React.createElement() 的常規 JavaScript 呼叫。以下是 JSX 的編譯方式：

React.createElement(Welcome, { name: "John" });

它簡化了 React 元件的建立並提高了可讀性，使開發人員能夠更直觀地使用 UI 佈局。

以上是JSX（JavaScript XML）的詳細內容。更多資訊請關注PHP中文網其他相關文章！