반응형
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
- React
- axios
- priority_queue
- css
- Props
- bit
- leetcode
- 비트연산
- Context
- MySQL
- map
- Callback
- state
- component
- c++
- Navigation
- routes
- BinaryTree
- nodeJS
- route
- array
- UE5
- queue
- event
- count
- treenode
- JSX
- node.js
- DP
- server
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