안녕하세요, 강의 잘 보고 있습니다 😀FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 문자열을 중괄호로 감싸서 넘기는데요, "label" prop의 값은 문자열을 그냥 전달하는데, htmlFor의 값은 문자열을 중괄호로 감싸서 전달하는 이유가 뭘까요 ? 그냥 문자열만 보내면 안되는건가요 ?

안녕하세요, 수강해 주셔서 감사합니다. 좋은 질문을 주셨는데요, 핵심은 JSX 문법에서의 차이입니다.<ul><li><code>label="이름"</code> 처럼 따옴표 안에 값을 넣으면 문자열 리터럴로 전달됩니다.</li><li><code>htmlFor={"name"}</code> 처럼 중괄호를 사용하면 자바스립트 표현식으로 전달됩니다.</li></ul>프롭 인자에 문자열만 전달하면 둘 다 사용할수 있습니다.한편, 표현식으로 문자열을 전달할 경우에는 중괄호를 사용하시면 좋습니다. <ul><li>예: <code>htmlFor={`${name}`}</code></li></ul>

Cộng đồng Hỏi & Đáp của Inflearn

FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 중괄호 이유