리액트[React] - 라우터(Router) 기초 설명 및 다운로드

import React, { Component } from 'react' ;

import { render } from 'react-dom' ;

import { Router, Route, IndexRoute, Link } from 'react-router' ;

import About from './About' ;

import Repos from './Repos' ;

import Home from './Home' ;

class App extends Component {

render() {

return (

< div >

< header > App < / header >

< menu >

< ul >

< li > < Link to = "/home" activeClassName = "active" > Home < / Link > < / li >

< li > < Link to = "/about" activeClassName = "active" > About < / Link > < / li >

< li > < Link to = "/repos" activeClassName = "active" > Repos < / Link > < / li >

< / ul >

< / menu >

{this.props.children}

< / div >

);

}

}

render((

< Router >

< Route path = "/" component = {App} >

< IndexRoute component = {Home} / >

< Route path = "home" component = {Home} / >

< Route path = "about" component = {About} / >

< Route path = "repos" component = {Repos} / >

< / Route >

< / Router >

from http://niceman.tistory.com/59 by ccl(S) rewrite - 2020-03-06 08:20:31