[React] 버튼에 기능 개발을 하기(리액트 state 변경하는 법)

터미널에 wraning 메세지 많이 뜸 -> 없애려면 맨위에 /* eslint-disable */ 작성

 

● 좋아요 버튼 누르면 숫자 +1 되는 기능

숫자부분은 바뀌는 부분이므로 state로 만들기

" let [작명1,작명2]  = useState(보관할 자료); "

작명1 : 보관한 자료부르는 함수 / html에 넣을때 {작명1}

작명2 : state 변경함수 / html에 넣을때 {작명2(변경할값)}

let [좋아요,좋아요변경] = useState(0);

<div className='list'>
        <h4>{글제목[0]}<span>👍</span>{좋아요}</h4> {/* 좋아요 버튼 만들기 */}
        <p>2월 17일 발행</p>
</div>

 

 

html 요소 클릭했을때 코드 실행하기 onClick 함수

onClick={ } 안에 함수 넣어야함

*함수란? 긴 코드를 한 단어로 묶어주는 문법

 

 

함수 만드는 문법 onClick안에 바로 넣어도 상관없음

() => {}

 

 

좋아요누를때 숫자 바꾸려면

onClick안에 변경함수를 넣어야함

 

state변경함수(변경할 state값)