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