JSX 문법

JavaScript 를 확장한 문법

 

예제) style 을 적용시키는 방법.

 

아래 예제는 style을 적용시키는 예제이다. let 변수로 style 을 갖고 있는 변수를 만들고...

사용하는 예제이다.

 

import React from 'react';

function Counter(props) {

    let titleStyle = {

        fontSize: "23pt",

        color:"red"

    }

    return (

        <div>

            <h1 style={titleStyle}>This is a counter</h1>

            <h1 style={{color:"magenta",

                    backgroundColor:"cyan"}}>This is another counter</h1>          

        </div>

    );

}