'react border bottom line css 추가' 태그의 글 목록

[React] array data 마지막 자식 요소에 border bottom line css 추가하는 방법

Intro 안녕하세요. 이번 시간에는 리액트에서 array 데이터의 마지막 자식 요소에 border bottom line 추가하는 방법에 대해 알아보겠습니다. How to solve the problem 1. map 함수를 사용하여 데이터 배열의 길이를 구해줍니다. const arrayLength = array.length; 2. map 함수에서 현재 데이터 요소의 인덱스 값을 받아 옵니다. array.map((item, index) => { //... }) 3. 인덱스 값이 배열 길이보다 1 작은 경우에는 border bottom을 추가합니다 array.map((item, index) => { const isLastItem = index === arrayLength - 1; return ( {item}..

Framework/React 2023.03.31

Dev Diary 💻

react border bottom line css 추가 1

티스토리툴바