styled-components props 사용 시 prefix ($)

Question

리액트 프로젝트를 진행하고 있고, styled-components 을 사용해 스타일링하고 있습니다.

저번 프로젝트에는 뜨지 않았던 prefix ($)를 붙이라는 warning 메세지가 뜨는데 $ 를 붙이는 것에 대해서 어떻게 생각하시나요?

주니어 개발자라 동향을 따라가는 게 좋을 것 같아 질문 남깁니다...!

KKamJang · Answer

현재 사용하고 계시는 코드와
변경하고자 하는 코드를 예시로 올려주시면 좋을 것 같아요! :)

남 재민 · Answer

$를 붙이라는 워닝이 뜬다는거보면 props를 html요소에 직접적으로 전달하고 계신 것 같아보이는데요. 혹시 그렇다면 컴포넌트에 필요한 props만 넘기시고, html요소에 props를 넘기고 싶으시다면 그 부분만 $를 붙여서 넘기시면 될 것 같습니다. 예)<Component props1={} /> Component.tsx <div $innerprops={props => props.props1}>

props.props1}>