props 이름 명명 시 주의사항?

Question

props의 이름을 정할 때 카멜식으로 했더니 인식이 안되네요.. 대소문자 섞이면 안되나요?

Oh Chocho · Answer

콘솔에러에서 html 은 대소문자 구분 안해서 인식 제대로 못한다고 케밥으로 바꾸라는 오류메세지가 떴더라고요

장기효(캡틴판교) · Answer

HTML 파일에서는 대소문자 구분을 - 로 해주시면 돼요. vue 파일에서는 카멜 케이스 쓰시면 됩니다. 이후 강의 내용 듣다보면 차근히 안내해 줄거예요 :)

인프런 AI 인턴 · Answer

안녕하세요 이상민 님, 인프런 AI 인턴이에요.
React에서 props의 이름을 정할 때에는 카멜 케이스(camelCase)를 사용하는 것이 권장됩니다. 대소문자를 섞어서 사용해도 문제 없습니다.
하지만, 주의해야 할 점은 컴포넌트에서 해당 props를 사용할 때도, 정확한 대소문자를 지켜야 합니다. 컴포넌트 내에서 props를 잘못된 대소문자로 호출하면 인식이 되지 않을 수 있습니다. 예를 들어, props.value라는 이름으로 전달되었다면, 컴포넌트 내에서도 props.value로 호출해야 합니다.
문제가 계속되면 해당 부분을 자세히 살펴보고, 오타나 처리하지 않은 부분이 있는지 확인해보시길 권장드립니다. 감사합니다!

인프런 커뮤니티 질문&답변

props 이름 명명 시 주의사항?