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>
);
}
'๐ปWEB FrontEnd > ํ๋ ์์ํฌ React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
React์ Bootstrap ์ ์ฉ (0) | 2022.07.07 |
---|---|
props : ๋ถ๋ชจ -> ์์ state ์ ์ก (0) | 2022.07.06 |
๋ฐ๋ณต๋๋ ์์ ์ฒ๋ฆฌ ๋ฐฉ๋ฒ (map, for) (0) | 2022.07.04 |
React ์ปดํฌ๋ํธ (0) | 2022.07.04 |
React ํ๋ก์ ํธ ์์ฑ + JSX๋ฌธ๋ฒ (0) | 2022.07.03 |