Closed SOunit closed 2 years ago
npm i react-transition-group
const SideDrawer = (props) => { const content = ( <CSSTransition in={props.show} timeout={200} classNames="slide-in-left" mountOnEnter unmountOnExit > <aside className="side-drawer" onClick={props.onClick}> {props.children} </aside> </CSSTransition> ); return ReactDOM.createPortal(content, document.getElementById("drawer-hook")); };
import { useParams } from "react-router-dom";
const userId = useParams().userId;
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
document done
side drawer
get params in url
google map api
form validation
input component
form component
use hook
use context