Inflearn Community Q&A
asked
FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 중괄호 이유
Written on
·
99
1
안녕하세요, 강의 잘 보고 있습니다 😀
FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 문자열을 중괄호로 감싸서 넘기는데요,
"label" prop의 값은 문자열을 그냥 전달하는데, htmlFor의 값은 문자열을 중괄호로 감싸서 전달하는 이유가 뭘까요 ? 그냥 문자열만 보내면 안되는건가요 ?
reactReact-Contextreact-hooksreact-routerreact-component
Answer 1
0
jeonghwan
Instructor
안녕하세요, 수강해 주셔서 감사합니다.
좋은 질문을 주셨는데요, 핵심은 JSX 문법에서의 차이입니다.
label="이름"처럼 따옴표 안에 값을 넣으면 문자열 리터럴로 전달됩니다.htmlFor={"name"}처럼 중괄호를 사용하면 자바스립트 표현식으로 전달됩니다.
프롭 인자에 문자열만 전달하면 둘 다 사용할수 있습니다.
한편, 표현식으로 문자열을 전달할 경우에는 중괄호를 사용하시면 좋습니다.
예:
htmlFor={`${name}`}