버튼에 지리는 기능 만들기

터미널에서 Warning 메시지 없애기

eslint-disable  : Lint 끄는 기능

좋아요버튼 & 갯수 UI 만들기

/* eslint-disable */

import { useState } from 'react';
import './App.css'

function App() {

  let post = '강남 우동 맛집';
  let [글제목, b] = useState([ '여자 코트 추천', '강남 우동 맛집', '파이썬독학' ]);
  **let [따봉] = useState(0);**

  return (
      <div className='App'>
        <div className="black-nav">
          <h4>ReactBlog</h4>
        </div>
        <div className='list'>
          **<h4>{ 글제목[0] } <span>👍</span> {따봉} </h4>**
          <p>2월 17일 발행</p>
        </div>
        <div className='list'>
          <h4>{ 글제목[1] }</h4>
          <p>2월 17일 발행</p>
        </div>
        <div className='list'>
          <h4>{ 글제목[2] }</h4>
          <p>2월 17일 발행</p>
        </div>
      </div>
  );
}

export default App

onClick 쓰는 법

• onClick={} 안에는 함수 이름을 넣어야 함
• 함수 만드는 문법 바로 넣어도 상관 없음
• () => {} : 이것도 함수 만드는 문법

state 변경하는 법

let [따봉, 따봉변경] = useState(0);

 : 따봉변경 ⇒ state 변경용 함수

이거 써야 html 재렌더링도 잘 됨

• state 변경함수(새로운state)

숙제

버튼 누르면 첫 글이 ‘여자코트 추천’으로 바뀌는 기능 만들기