오늘은 좀더 어렵지만
편리한 Props 에 대해 얘기해보자!
React tailwindcss에서
컴포넌트에대해 이야기 했다
컴포넌트를 사용하고 나서 props에 대해
배우기 시작하자마자 이거다 싶었다
props 에 대해 자세히 배워보자!

어제 말한 컴포넌트 코드이다
여기서

PROPS를 이용해 코드를 작성해 보자
PROPS 는 지금처럼 3개의 박스A,B,C 컴포넌트를 작성할 필요없이 3개의 색,모양,타이틀
이렇게 매개변수로 가져와 App.jsx에 임포트 해주면 바로
사용할수있다.

&& 연산자로 트루일경우 원모양이 된다
Box.jsx에서 App.jsx로 매개변수를 가져와 값만 변경해주면
그대로 적용이된다.

이렇게

겁나 쉽다 미쳤다 .
이렇게 보면 쉬워보이지만 막상 할라치면 또 못한다 그건 함정이다.

하여튼 후롭스는
컴포넌트 를 매개변수들로 가져와
App.jsx 에 임포트하여
Html에 css로 속성을 부여하는것보다 훨씬더 깔끔하고 정돈된 느낌에 tailwindcss에 후롭스는 바로옆에서 주는듯한 느낌이다.