2017-05-13 1 views
1

で作業していないが、私はexact単語を削除し、それが<Switch>タグを使用しない場合、それは何もはコルドバプラグインでIntelXDKでこれを行うにしてくださいコルドバ

const app = document.getElementById('app'); 

const Index =() => (
    <Router> 
     <div> 
     <Switch> 
      <Route exact path="/" component={Layout}/> 
      <Route path="/about" component={First}/> 
      <Route path="/topics" component={Second}/> 
     </Switch> 
     </div> 
    </Router> 

); 

const Layout =() => (
    <div> 
     <h1>layout</h1> 
     <ul> 
      <li><Link to="/">Home</Link></li> 
      <li><Link to="/about">About</Link></li> 
      <li><Link to="/topics">Topics</Link></li> 
     </ul> 
    </div> 
); 

const First =() => (
    <div> 
     <h1>first</h1> 
    </div> 
); 

const Second =() => (
    <div> 
     <h1>second</h1> 
    </div> 
); 


ReactDOM.render(<Index/>, app); 

は表示されませんルータV4「/」正確なパスに反応します2つのコンポーネント(Layout、First、Layout、Second)をレンダリングします。

私は1つのコンポーネントだけをレンダリングしたい、誰かがこの問題を手伝ってくれる?

答えて

0

正確なatteibuteを削除し、/ルートを3つのルートの最後に置くことができます。それが他のものでなければレンダリングされます。しかし、もしそれが他のものならレンダリングされるので、あなたがそれを避けたいのかどうかはわかりません。

お問い合わせ

関連する問題