리액트 훅 정리

** redirect
=> 어떤 경로에서 다른 경로로 강제 이동시키는 것

** Portal
=> <div id='portal-root'></div>을 기점으로 안에 모달, 드롭다운, 툴팁 같은 컴포넌트를 여기로 밀어 넣는 자리 표시자(anchor) 역할

📁 index.html
<div id='portal-root'></div>

📁 Portal.js
const Portal = ({ id = 'portal-root', children }) => {
const { fullScreenStatus } = useContext(ThemeContext);

const mount = document.getElementById(id);
if (fullScreenStatus) return children;
return ReactDOM.createPortal(children, mount);
};
Portal.propTypes = {
children: PropTypes.node.isRequired,
id: PropTypes.string,
};

42
39
34
21
17