(React-Router-Dom) useMatch Hook 정보
import { useMatch } from “react-router-dom”; import styled from “styled-components”; const Tab = styled.span<{ isActive: boolean }>` color: ${(props) => props.isActive ? props.theme.accentColor : props.theme.textColor}; `; const Coin = () => { const matchPriceTab = useMatch(“/:coinId/price”); const matchChartTab = useMatch(“/:coinId/chart”); return ( <Tab isActive={matchPriceTab !== null}> <Link to={`/${coinId}/price`}>Price</Link> </Tab> <Tab isActive={matchChartTab !== null}> <Link to={`/${coinId}/chart`}>Chart</Link> … Read more