は、私は次のコードを持っているルータネストされたコンポーネントの問題

Question

を反応させます。 どうすれば完了できるのですか？

Answer 1

のは、あなたが/anonymousがメインページなしで表示される一方、/userと/memberのためのメインページを表示したいとしましょう：

class App extends Component { 
    render() { 
     return (
      <Router> 
       <Switch> 
        <Route path="/anonymous" component={Anonymous} /> 
        <Route path="/" component={MainPage} /> 
       </Switch> 
      </Router> 
     ) 
    } 
} 

class MainPage extends Component { 
    render() { 
    return (
     <div> 
     .... // place your original code to print the `MainPage` here 

     <Route path="/user" component={User}/> 
     <Route path="/member" component={Member}/> 
     </div> 
    ) 
    } 
}