개발/react

[react 기록용]1-5.버튼에 기능 부여, state 변경

연별(YeonStar) 2021. 3. 30. 12:49
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;