디스플레이의 경로 간의 간단한 로딩 라우터

Question

메신저 AngularJS와에, AngularJS와의 WOLRD에서 오는 반응 라우터와 내 첫 반응 응용 프로그램을 작성하는 몇 일 전에 시작하는 것이 내가 할 반응

class App extends Component { 
    render() { 
    return (
     <Router> 
     <div> 
      <ul> 
      <li><Link to="/">Home</Link></li> 
      <li><Link to="/about">About</Link></li> 
      </ul> 

      <hr/> 

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

     </div> 
     </Router> 


    ); 
    } 
} 

내 두 개의 구성 요소는 간단하다 :

그래서 지금 내 앱을 반응에 난이

class Home extends Component { 
    render() { 
    return (
      <h1>Home</h1> 
    ); 
    } 
} 
class About extends Component { 
    render() { 
    return (
      <h1>About</h1> 
    ); 
    } 
} 

redux를 사용하지 않고이 작업을 수행 할 수 있습니까?

Answer 1

반응으로 고차원 구성 요소를 사용하면 일반적인 방식으로이를 수행 할 수 있습니다.

https://github.com/thejameskyle/react-loadable