안녕하세요 map질문이요
286
작성한 질문수 19
9:55초 내용에서
['사과','바나나','포도','귤','감','배','밤].map( (v) => {
return (
<li>{v}</li>
) map함수가 return값들을 모아서 배열로 만들어주는 것으로 알고있는데요. <ul>{[map배열]}</ul> 이렇게 되어있는거 같은데 어떻게 배열안에 값들을 호출안했는데 차례대로 나올수 있는건가요? 그리고 map이 값을 모아서 새로운 배열을 return해주면 그 배열을 받을 변수가 필요하지않나요?
답변 1
0
<ul>
{[
<li>사과</li>,
<li>바나나</li>,
...,
<li>밤</li>
]}
</ul>
이런 모양이 되는 건데요. 이게 올바른 JSX 문법입니다. jsx에는 배열을 넣을 수 있습니다.
마지막 질문은 정확하게는 이해가 잘 안 되는데요. map을 한다고 그걸 받을 변수가 꼭 필요한 건 아닙니다. 그냥 그 값을 바로 쓸 수도 있는 거죠.
1 + 2라는 값이 있으면 그걸 굳이 a = 1 + 2 이런 식으로 해서 a를 3으로 만들어서 b(a)로 쓰는게 아니라 그냥 b(1 + 2) 이런 식으로 하면 되는 것처럼요.
npm run dev 실행 시 포트가 안뜨는 문제
0
235
2
timeouts.current를 useEffect 의 input값으로 넣었을때
0
95
2
렌더링 테스트 코드 (Hooks)
0
93
1
Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.
0
164
1
해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"
1
205
1
강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ
0
105
1
useMemo와 useCallback 사용 시기
0
218
2
onRightClickTd가 작동을 하지 않습니다.
0
233
1
action.type 불러오는 방식
0
225
2
onClickRedo 질문
0
176
1
const Try = require(./Try) 빨간줄
0
258
1
npx webpack 실행시
0
323
1
지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.
0
241
1
강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?
0
318
1
react devtool이 enable 않됩니다.
0
544
2
React 랜더링이 되지 않습니다.
0
421
2
비동기로 동작하는 setState에 대해서
0
337
1
npm run dev 할 때 에러발생
0
494
2
memo, PureComponenet, shouldComponentUpdate 관련 질문
0
210
1
devMiddleware의 필요성
0
357
1
리액트에서 화살표 함수를 사용해야하는 이유
0
946
2
path.join관련질문
0
287
2
2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러
0
384
1
next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니
1
502
4