// 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
순서로 리렌더링
*/