-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
return (<div></div>)
24.02.21 23:40 작성 조회수 102
0
return <LoadingSpinner />
어떤 경우에는 () 괄호를 치고 return 을 하고,
어떤 경우에는 < /> 태그만 치고 return 을 하는데 그 차이가 뭔
가요?
답변을 작성해보세요.
0
코지 코더
지식공유자2024.02.23
() 이 괄호 안에 있는 결과 값이 리턴 되는거예요
이 경우에는
return (<LoadingSpinner />) 괄호 안에 jsx를 리턴하게 되는거고
이 경우에는
return (isAdmin ? <LoadingSpinner /> : 1)
isAdmin이 true이면 <LoadingSpinner />라는 jsx를 리턴하고 false 일 경우 1을 리턴하게 되는거죠
0
코지 코더
지식공유자2024.02.23
return <LoadingSpinner /> 는 jsx를 리턴
return (<LoadingSpinner />) 괄호 안에서 자바스크립트 코드 사용 가능
더 깔끔
return <LoadingSpinner /> vs return (<LoadingSpinner />)
첫번째가 더 깔끔합니다
2. 자바스크립트 코드 사용
const isAdmin = true;
return (isAdmin ? <LoadingSpinner /> : <div>일반유저</div>)
이런식으로 자바스크립트 사용 가능합니다
은빛갈기
질문자2024.02.23
추가로 질문하나더 합니다.
useState() 호출해서
앞에 변수 할당할 때, [변수, set변수] 이렇게 선언해도록 하는 구조가..
변수 값이 변경 되었을 때, 화면에 반영이 안되잔아요.
set변수를 통해서 변수의 값을 변경해서 반영시켜주잔아요.
제 질문이 원에이, 투웨이 바인딩과 관계가 있습니까?
코지 코더
지식공유자2024.02.23
useState를 사용하면 화면에 반영이 되게 하는거고 양방향은 아니죠 변경 하면 화면만 변경되니깐요.
양방향 바인딩은 input이 변경 되었을때 양방향 바인딩이라고 할수 있겠습니다
const [value, setValue] = useState('');
<input value={value} onChange={(e) => {setValue(e.target.value}} />
은빛갈기
질문자2024.02.23
왜 useState 를 써서 화면에 반영시키도록 하는건가요?
일반적으로 모델에 바인딩 된 값을 변경해주면 ..
모델을 양방향 설정으로 해준다면 저절로 화면에 반영될 일이 아닌가요?
참고로 전 다른 프론트엔드 언어를 쓰다가 와서 그런지
조금 낫설어서 여쭤봅니다.
useState에 대한 코지님의 의견이 듣고싶어서 질문을 드리는 이유이기도 합니다.
코지 코더
지식공유자2024.02.23
어떤 프레임워크 쓰다 오셨나요?
다른 프레임워크도 다 자바스크립트를 써서 같은 원리인데 편의성이 다를수 있습니다
뷰js를 예로 들면 v-model이 있죠
근데 리액트에는 이런 속성이 제공 되지 않습니다
답변 2