봉보로봉봉

state를 map 돌려서 JSX Element를 리턴하려는데 화면에는 아무것도 안뜨고 빨간줄만 죽죽 떴다. Type 'void' is not assignable to type 'ReactNode' 이유 map을 돌릴땐 return을 적었는지 꼭 확인합시다! 😉 // 안 된 이유 state.map((data)=>{{data.content}}) // return을 잊지말자 state.map((data)=>{return {data.content}})

보호되어 있는 글입니다.

props로 받은 비디오 목록들을 map으로 하나씩 돌며 video item들을 만들고 싶은데 아까는 됐다가 안됨 import React from "react"; import VideoItem from "../video_item/video_item"; import styles from "./video_list.module.css"; const VideoList = (props) => ( {props.videos.map((video) => { return ; })} ); export default VideoList; Cannot read properties of undefined (reading 'map') undefined 속성은 읽을 수 없습니다 (map 읽을 때) > videos가 undefined이..

habits라는 배열에서 받아온 habit이라는 인자와 id가 같으면 count를 내려주는 로직을 짜고 싶은데 handleDecrement = (habit) => { const habits = this.state.habits.map((item) => { if (item.id === habit.id) { const count = habit.count - 1; return { ...habit, count: count < 0 ? 0 : count }; } }); this.setState({ habits }); }; 이렇게 쓰면 에러가 남 Array.prototype.map() expects a value to be returned at the end of arrow function map()은 화살표 함수의 ..

array.map() 배열을 순서대로 돌면서 인자로 전달된 함수를 실행하여 나온 결과를 새 배열로 반환 인자로는 함수가 들어가는 듯 let students = [ {id:1, name: 'Mike'}, {id:2, name: 'Lisa'}, {id:3, name: 'Tim'}, ]; let names = students.map(student => student.name); console.log(names); // ['Mike', 'Lisa', 'Tim'] let numbers = [1,2,3,4,5]; let newNumbers = numbers.map(number => number * 2); console.log(newNumbers); // [2, 4, 6, 8, 10] 이렇게도 사용 가능 let nu..

리액트 반복문 map {['사과','바나나','귤'].map( (v)=> { return ( {v} ); })} 이렇게 반복문을 돌리면 배열의 값들이 들어간채로 목록이 생성됨 그렇다면 값이 두개인 것은? 이렇게 2차원 배열로도 가능하고 {[['사과', '맛없다'],['바나나', '맛없다'],['귤', '맛있다']].map( (v)=> { return ( {v[0]} - {v[1]} ); })} 객체로도 가능 {[{fruit:'사과', taste:'맛없다'},{fruit:'바나나', taste:'맛없다'},{fruit:'귤', taste:'맛있다'}].map( (v)=> { return ( {v.fruit} - {v.taste} ); })} 이름이 있으니 객체가 더 나을듯... 화살표 함수 return 생..