[React]State

State

• state 사용이유 : 웹이 app처럼 동작하게 만들고 싶어서
• state는 변경 되면 새로고침 없이 html이 자동으로 재렌더링이 된다.

코드

import {useState} from 'react'

• useState를 사용할 수 있음

let [글제목, 글제목변경] = useState('남자 코트 추천')
			 => return [state데이터, state 데이터 변경 함수];

---

import React, {useState} from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
	let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집']);
	
	return (
		<div className="App">
			<div className="black-nav">
				<div>개발 Blog</div>
			</div>
			<div className="list">
				<h3> { 글제목[0] } </h3>
				<p>2월 17일 발행</p>
				<hr/>
			</div>
		</div>
	);
}

export default App;

실행 결과