이게 왜 되지…?

• 문제
• 해결
• 결론

문제

Reply 컴포넌트의 css작업 중

className = ”reply”의 css를 입력도 하지 않았는데 알아서 margin-top이 들어가 있는게 아닌가 ?!!!

흠…. 이게 왜 돼지….?

그 부분 코드를 전체적으로 훑어보아도 문제가 없어 보였다.

하지만… 코딩은 높은 확률로 거짓말을 하지 않지….

해결

크롬 개발자 모드로 css를 분석해보니 상위 컴포넌트에서 “reply”라는 className으로 css설정이 되어 있는 것 이 아닌가 ?!!

상위 컴포넌트의 className css가 영향을 미친 것 이었다.

className 을 바꾸어 주니 해결되었다.

결론

className을 잘 짓자 .