반응형
리엑트 중괄호 안에서는 for 문 사용 불가
map 함수 사용
< map 파라미터 안에는 함수 두개 사용 가능
첫번째 파라미터는 앞의 배열에서 가져올 값
두번째는 돌때마다 0부터 1씩 증가하는 정수
>
{ // state 개수만큼 생성
// map 함수 안의 파라미터는 2개까지
title.map((a, i ) => {
return (
<div className="list">
<h4>{ title[i] }</h4> // { a }
<p>2월 17일 발행</p>
</div>)
})
}
따봉 개수 늘리기
let [like, likeFunction] = useState([0,0,0]);
...
<span onClick={()=> {
let copy = [...like];
copy[i] = copy[i] + 1;
likeFunction(copy)
}}> 👍 </span>
{like[i]}
반응형
'JavaScript > React' 카테고리의 다른 글
#리액트 fetch 사용해서 post 방식으로 노드에 값 넘기기 (0) | 2023.02.18 |
---|---|
#props #부모 state 갖다 쓰기 (0) | 2023.02.14 |
#동적인 UI 만들기 #state 이용 # onclick Modal (0) | 2023.02.13 |
#component #리액트 컴포넌트 만드는법 # 컴포넌트 사용법 (0) | 2023.02.13 |
#JSX 기본문법 #react style #state (0) | 2023.02.13 |