평행코드

[REACT JS] map( ) 함수 본문

React

[REACT JS] map( ) 함수

나의 오류는 누군가 겪었던 오류 2023. 3. 28. 17:09

map() 함수

배열을 가지고 있을때 각가의 element들을 바꿀 수 있게 해준다

( )에 함수를 넣을 수 있는데 배열의 모든 item에 대해 실행된다

배열에 6개의 item이 있다면 6번 함수가 실행된다

그리고 그 함수로부터 내가 return한 값은 새로운 배열에 들어가게 한다

리액트는 기본적으로 list에 있는 모든 item을 인식하기 때문에

key를 넣어 고유하게 만들어주어야 한다

map의 첫번째 argument는 값(array안에 있던 자료)이고,

두번째 index는 0부터 1씩 증가하는 정수를 의미한다

 

'React' 카테고리의 다른 글

[REACT JS] array, object state 변경하기  (0) 2023.03.29
[REACT JS] 기초 JSX문법 3개  (0) 2023.03.29
[REACT JS] Cleanup  (0) 2023.03.28
[REACT JS] useEffect  (0) 2023.03.28
[REACT JS] CRA(create-react-app)  (0) 2023.03.28