목차

JSX란?

JSX의 설명을 보자.

import React, {useState, useLayoutEffect} from 'react';

export const JsxTest: React.FC = () => {

    /** これがJSXということらしいです！ */
    const jsxComp = <>
                        <div>あいうえお</div>
                        <div>かきくけこ</div>
                    </>;

    /** レンダー部分 */
    return (
        jsxComp
    );
};

export default JsxTest;

    const jsxComp = <>
                        <div>あいうえお</div>
                        <div>かきくけこ</div>
                    </>;

    const jsxComp = <div>あいうえお</div>
                    <div>かきくけこ</div>;

    /** これがJSXということらしいです！ */
    const msg1 = 'あいうえお';
    const msg2 = 'かきくけこ';
    const jsxComp = <>
                        <div>{msg1}</div>
                        <div>{msg2}</div>
                    </>;