28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!
398
投稿した質問数 3
화면을 출력할 때,
강사님이 작성하신
const ItemComponents = orderType === "products" ? Products : null;
const optionItems = items.map((item) => (
<ItemComponents
key={item.name}
name={item.name}
imagePath={item.imagePath}
/>
));
return <div>{optionItems}</div>;
이 코드와
return (
<div>
{orderType === "Products"
? items.map((item) => (
<Products
key={item.name}
name={item.name}
imagePath={item.imagePath}
/>
))
: null}
</div>
);제가 익숙하게 사용하는 방식인 이 코드의 차이점이 있을까요?
혼자 생각해봐도 차이점을 알 수 없어서 질문 남깁니다
성능상의 이점이나 코드를 읽기 수월해진다는 이점인지, 혹은 코드 스타일인지 궁금합니다! :)
좋은 강의 감사합니다!
回答 1
1
안녕하세요!
v님
성능상의 이점은 없으며
아무래도 저 부분을 좀 더 특정해서
저 부분이 하는 일이 무엇인지 변수의 이름으로 정의를 해주기 때문에
저 특정 부분이 어떠한 부분인지 좀 더 자세히 알 수가 있게 됩니다!
v님이 작성해주신 코드도 너무 좋은 코드입니다!!
감사합니다!
제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.
0
278
2
ERROR
0
209
1
테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.
0
360
1
useState 배열값 변경의 경우 테스트 멈춤
0
411
1
test was not wrapped in act관련 질문
0
290
2
안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.
0
394
1
강의 관련 내용 github 업로드 질문
0
307
1
이미지가 안보인다 하셔서 다시 질문드립니다.
0
414
2
Test Fail이 발생합니다 ㅠㅠ
0
356
1
스타일 컴포넌트 테스트 방법
0
438
1
msw 에러
0
632
1
toHaveTextContent 에러
0
442
1
msw안돼는사람
0
579
1
This could be because the text is broken up by multiple elements. 에러
0
1716
2
Type.test.js파일에 궁금한점이 생겼습니다
0
351
1
toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.
0
610
2
aria-*
0
438
1
This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러
1
14089
1
컴포넌트 props내려줄때 코드는 어떻게 해야하나요
0
248
0
es6 jest 미지원 오류 문의
0
857
1
test 여러 개 실행 - fail 발생
0
292
1
useMemo
0
282
1
axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)
4
2224
5
2가지 질문사항입니다!
0
310
2