style-components ์์ ๋ค๋ฅธ ์คํ์ผ ์ปดํฌ๋ํธ ๋ถ๋ฌ์ค๋ ๋ฒ
- DeleteBtn ๋ถ์ด์จ ๋ถ๋ถ์ด๋ค
&:hover ${DeleteBtn} {
opacity: ${({ iswriter }) => (iswriter ? 1 : 0)};
}
๋ฆฌ์กํธ return ๋ถ๋ถ์์ for ๋ฌธ์ ์ฌ์ฉํ๊ณ ์ถ์๋ ์ฐ๋ ๋ฐฉ๋ฒ
{[...Array(5)].map((_, i) => {
return i < rate ? <AiFillStar /> : <AiOutlineStar />;
})}
๋ฆฌ์กํธ์์ script ๋ก ์ด๋ค ํ์ผ์ ๋ฐ์์ ํด๋น ๋ถ๋ถ์ ๋ค๋ฅธ react ๋ถ๋ถ์์ ๋ถ๋ฌ์ ์ฌ์ฉํ ๋
const { Kakao } = window;