import {Rate} from "antd"
export const Star = styled(Rate)``
export const Youtube = styled(ReactPlayer)`
margin : auto
`
<Youtube
url={props.data?.fetchBoard.youtubeUrl}
width="486px"
height="240px"
/>
<Youtube
onChange={props.onChangeYoutubeUrl}
defaultValue={props.data?.fetchBoard.youtubeUrl || ""}
/>
ํด๋์คํ ์ปดํฌ๋ํธ๋ฅผ ํจ์ํ ์ปดํฌ๋ํธ๋ก ๋ณ๊ฒฝํด์ ์ฌ์ฉ
๊ตญ๋ด์ฉ ์ฃผ์ ์ ๋ ฅ ๋ชจ๋ฌ
yarn add react-daum-postcode
npm install --save react-daum-postcode
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น ํ import ํด์ ์ฌ์ฉํ๋ค.
data.address
, data.zonecode
๋ก ๋ฐ์ดํฐ ๊ฐ์ ธ์ฌ ์ ์์
์ด๋ ์ด ์ฝ๋๋ฅผ ๋ ๊ฐ๊ฒฐํ๊ฒ ๋ฆฌํฉํ ๋ง ํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์๋ค. ๋ฐ๋ก prev๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค.
count๋ฅผ ์ฌ๋ฆฌ๋ setCount๋ฅผ ํด์ค ๋
setCount(count + 1)
์ด๋ ๊ฒ ์ ์ด๋ setState๋ ๋ง์ง๋ง ํ๋ฒ๋ง ๋ฆฌ๋๋ ํด์ฃผ๊ธฐ ๋๋ฌธ์ count ๊ฐ์ด ์ ์ฅ๋์ง ์๋๋ค. ์ด๋ ๊ฒ ์ด์ ๊ฐ์ ์ ์ฅํ๊ณ ์ถ์ ๋ ์ฌ์ฉํ ์ ์๋ ๊ฒ์ด prev
๋ผ๋ ์์์ ์ฅ๊ณต๊ฐ์ด๋ค.
์ฌ์ฉ์ ๋ค์ ์ฒ๋ผ ํ๋ฉด ๋๋ค.
์ด์ ๋ชจ๋ฌ์ ๋ฆฌํฉํ ๋งํด๋ณด์.
๊ธฐ์กด์ Boolean๊ฐ์ ๊ฐ์ ธ์์ ๋ฐ๋์ Boolean๊ฐ์ผ๋ก ๋ฐ๊พธ๊ธฐ(ํ ๊ธ)๋ setIsOpen((prev)=>(!prev))
๋ก ์์ฑํ ์ ์๋ค.
์ด๋ ๊ฐ์ ์ฝ๋๊ฐ ๋ค๋ฒ์ด ๋ฐ๋ณต๋๊ธฐ ๋๋ฌธ์ ์๋ก์ด onToggleModal
์ ๋ง๋ค์ด์ ๋ถ๋ฌ์๋ณด์.
์ด๋ ๊ฒ ๋ฆฌํฉํ ๋ง ํ ์ ์๋ค.
๋ฆฌํฉํ ๋ง์ ํ ํ๊ฐ ์ด์ ๋ณด๋ค ํจ์ฌ ์งง์์ง ๊ฒ์ ์ ์ ์๋ค.