-
[React.js] ํ ์คํธ ๋ฉ์์ง ๋์ฐ๊ธฐ ๊ฐ๋จ ์์ (ReactDOM.createPortal)
ํ ์คํธ ๋ฉ์์ง ๋์ฐ๊ธฐ ๊ฐ๋จ ์์ (ReactDOM.createPortal)๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)๋ฅผ ์ด์ฉํ์ฌ ๊ตฌํํด๋ณธ ํ ์คํธ(Toast) ๋ฉ์์ง ๋์ฐ๊ธฐ ๊ฐ๋จ ์์ ์ฝ๋๋ฅผ ์ฌ๋ ค๋ณธ๋ค.๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ ์ํด @react-dom@ ํจํค์ง์ @createPortal@ ํจ์๋ฅผ ์ฌ์ฉํ์๋ค. ์ฝ๋ App.jsximport React from 'react';import Toast from './Toast';function App() { const [isToastVisible, setIsToastVisible] = React.useState(false); function handleEnrol() { setIsToastVisible(true); setTimeout(() => { setIs..
2024.05.21