๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ปWEB FrontEnd/ํ”„๋ ˆ์ž„์›Œํฌ React

์ž ๊น ์‚ฌ์šฉํ•  ๋ฐ์ดํ„ฐ ์ €์žฅ ๋ฐฉ๋ฒ• 2๊ฐ€์ง€

1. ๋ณ€์ˆ˜ ์ด์šฉ

import { useState } from 'react';

function App() {
  let post = '๋ถ€์ œ๋ชฉ';

  return (
    <div className="App">
    	<h4>{post}</h4>    //๋ณ€์ˆ˜๋ฅผ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•
    </div>
  );
}

 

2. state ์ด์šฉ

import { useState } from 'react';    //import {useState}

function App() {
  let [a,b] = useState('์ž ๊น ์ €์žฅํ•  ๋ฐ์ดํ„ฐ');    //useState(๋ณด๊ด€ํ• ์ž๋ฃŒ)

  return (
    <div className="App">
        <h4>{ a }</h4>     //a:๋ณด๊ด€ํ–ˆ๋˜ ์ž๋ฃŒ, b:state๋ณ€๊ฒฝ๋„์™€์ฃผ๋Š” ํ•จ์ˆ˜
    </div>
  );
}