티스토리 뷰
728x90
기능
- 기능 1. array에 들어있는 자료갯수만큼 그 안에 있는 코드를 반복실행
- 콜백함수에 파라미터 아무렇게나 작명하면, 그 파라미터는 어레이 안에 있던 모든 자료를 하나씩 출력
- eturn 오른쪽에 뭐 적으면 array로 담아줌
function App (){
return (
<div>
(생략)
{
글제목.map(function(a, i){
return (
<div className="list">
<h4 onClick={()=>{ 따봉변경(따봉+1) }}>{ 글제목[i] }</h4>
<p>2월 18일 발행</p>
</div> )
})
}
</div>
)
}
//반복한 html에 key={i} 속성 추가해야 됨
<div className="list" key={i}>
728x90
'📁Frontend > 📘React' 카테고리의 다른 글
[React] Redux? (0) | 2022.07.29 |
---|---|
[React] onChange (0) | 2022.07.26 |
[React] 모달창(삼항 연산자) (0) | 2022.07.26 |
[React] State, Props (0) | 2022.07.26 |
[트러블 슈팅] Received `false` for a non-boolean attribute `check`. (0) | 2022.07.26 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자바스크립트
- sass
- db
- DB몽고
- 알고리즘
- Python
- HTML
- Wil
- 항해99
- react
- CSS
- scss
- Git Code
- API
- 메이킹 챌린지
- JWT
- CS
- 트러블 슈팅
- styled-components
- Til
- 스파르타코딩클럽
- flask
- 서버
- CS 스터디
- Router
- git
- Redux
- JavaScript
- DESIGN
- 크롤링
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함