JSXの書き方

4日 ago

user

1 minute

Reactでは、HTMLのような構文でUIを記述できる JSX（JavaScript XML）を使用することで、コードの可読性とメンテナンス性を高めることができます。本ページでは、TypeScriptをベースとしたTSX形式におけるJSXの基本的な使い方について解説します。

✅ JSXとは？

JSXは、JavaScriptの中にHTMLライクな構文を記述するための構文拡張です。 TSXはそのTypeScript版です。

ReactではJSXを使うことで、UIコンポーネントの構造を直感的に定義できます。

import React from 'react';
const HelloWorld = () => {
    return 
<h1>Hello, world!</h1>;
};

export default HelloWorld;