React에서 reverse() 사용

nearworld·2022년 12월 6일
0

리액트 기초

목록 보기
3/12
post-custom-banner
// dummy.ts
export const dummy = [1, 2, 3];
// main.board.tsx
function MainBoard() {
	return <div>
		{dummy.reverse().map((item) => <div>{item}</div>)}
	</div>
}
/*
	1
	2
	3
	리렌더링 되면서 dummy 배열이 변경되어 순으로 나올 수 있음.
*/
// main.board.tsx
function MainBoard() {
	return <div>
		{[...dummy].reverse().map((item) => <div>{item}</div>)}
	</div>
}
/*
	항상
	3
	2
	1
	순서로 리렌더링
*/
profile
깃허브: https://github.com/nearworld

0개의 댓글