なぜ反応ルータV4コンポーネントがロードされていないのですか？

Question

私はホームのコンポーネントを持っており、これはそれの内側にある：

{posts && posts.map(post => (
    <div key={post.id}> 
    <Link to="/test">{post.title}</Link> 
    </div> 
))} 
<Route path="/test" component={Test} /> 

私はそれをクリックしたときに、このテストは機能していないのはなぜこれが私のapp.js

<Topnav />   
<Switch> 
    <Route exact path = '/' component={Home} /> 
    <Route path = '/posts/create' component={Postform} />   
</Switch> 

のですか？それはURLを行くが、テストコンポーネントはI AM TESTと言うべきです！ <Switch>コンポーネント内の代わりに、Home内

​​

：

class Test extends Component { 
    render() { 
    return (
     <div> 
     <h1>I AM TEST</h1> 
     </div> 
    ); 
    } 
} 

Answer 1

あなたは次の行を配置する必要があります。

Answer 2

あなたのコンポーネントは直感的ではありません。 Homeコンポーネントは、の場合はしかレンダリングされません。その結果、にレンダリングされないため、別のRouteがレンダリングされることはありません。代わりに/testコンポーネントをSwitchの中に入れてapp.jsに入れてください。

注：あなただけのように、その後Homeコンポーネントはすべての URLにレンダリングするでしょう/ためexactを削除することによってこの問題を解決することができないということ。