반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- state
- MySQL
- server
- nodeJS
- route
- count
- DP
- event
- UE5
- BinaryTree
- axios
- Context
- Callback
- queue
- css
- c++
- map
- component
- treenode
- JSX
- routes
- bit
- node.js
- priority_queue
- 비트연산
- React
- array
- Props
- Navigation
- leetcode
Archives
- Today
- Total
목록mapping (1)
우사미 코딩
mapping하고 순서를 적용하려면 key를 설정해주어야한다 key는 유일값이여야 함 1. ImageList.js import ImageShow from "./ImageShow"; import './ImageList.css'; function ImageList({images}){ const renderImages = images.map((image) => { return }); return {renderImages}; } export default ImageList; 여기서 ImageShow 태그에 key를 추가해주었습니당 사진을 가로 최대 6개까지 나오게 하기 위해서 css도 추가함 2. ImageList.css .image-list{ columns: 6 100px; column-gap: 10px; }..
React
2023. 6. 25. 09:06