import React, {useState} from 'react';
import './App.css';
function App() {
let [글제목, 글제목변경] = useState(['남자코트 추천', '우동맛집 추천', '파이썬 독학']);
let [따봉, 따봉변경] = useState(0);
return (
<div className="App">
<div className="list">
<h3>{ 글제목[0] } <span onClick={()=>{따봉변경(따봉+1)}}> 👍 </span>{따봉}</h3>
<p>2월 17일 발행</p>
<hr />
</div>
</div>
);
}
export default App;
'개발 > react' 카테고리의 다른 글
[react 기록용]1-7.component, div (여러줄)을 한 단어로 대체하기 (0) | 2021.03.30 |
---|---|
[react 기록용]1-6.state 내용 변경하기 (0) | 2021.03.30 |
[react 기록용]1-4. state 로 데이터 저장하기 (0) | 2021.03.30 |
[react 기록용]1-3. JSX로 HTML 작성 (0) | 2021.03.30 |
[react 기록용]1-2. react 설치 및 개발환경 setting (0) | 2021.03.30 |