1. 程式人生 > >ReactJS與antdDesign中頁面跳轉問題(React Router)

ReactJS與antdDesign中頁面跳轉問題(React Router)

通過側邊欄導航Menu的Menu.Item控制Content部分內容的變化。

  • 先安裝React Router

    npm install react-router --save-dev
    
  • 在js中引用

這裡寫圖片描述

  • 連結Menu與Router

    1. Menu中利用link繫結path
    

這裡寫圖片描述

2.在content模組中設定Route

這裡寫圖片描述

注意:

1. <Router></Router> 標籤要把Menu和Route組給一起包起來;

2. 一個path對應一個component;