React Router Dom


React Router Dom


Routes=>では、囲まれたRoute構成部品を1つだけレンダリングできます.
/があり、下部に/topicesがある場合は、ホームページ(/)に移動した場合、下部のroute component/topicesは選択されません.(正確に使う.)
class App extends Component { render() { return ( <Routes> <Route exact path='/' element={<Home />}></Route> <Route path='/music' element={<Music />}></Route> <Route path='/contact' element={<Contact />}></Route> </Routes> ); } }