[리액트(React) Study Log] [Person App-005] Outputting Dymamic Content

 

1. JSX code 내에서 javascript code 로 된 dynamic content 를 사용하기

 - javascript code 부분을 중괄호로 감싸면 JSX에서 javascript 변수 또는 data로 인식함.

//src-Person-Person.js

 

import React from 'react';

 

const person = () => {

    return <p>I'm a Person and I am {Math.floor(Math.random() * 30)} years old!</p>

}

 

export default person;

 

 

 - 브라우져 확인

+ Recent posts