React模板建立及路由配置

2021-09-25 08:49:57 字數 1137 閱讀 3672

1、全域性安裝:

2、建立react 模板

3、進入你的專案模板

cd 你的專案名

4、執行你的專案

npm start

打包發布:進入專案執行一下命令

npm run build

npm install -g serve

serve build

模板建立完成

執行模板會自動彈出瀏覽器預覽

1、安裝路由模組

npm install react-router-dom

安裝完成之後

匯入模組

import react from 'react'

import from 'react-router-dom'

建立簡單路由配置並使用

你會發現檔案比較亂,然後我們建立資料夾進行分類 下圖就是分類好的

將路由檔案進行配置 

在src 目錄下建立router(路由)資料夾,進入router資料夾,建立index.js檔案,開啟並根據下圖進行配置

1、全域性安裝:

2、建立react 模板

3、進入你的專案模板

cd 你的專案名

4、執行你的專案

npm start

React模板建立及路由配置

1 全域性安裝 2 建立react 模板 3 進入你的專案模板 cd 你的專案名4 執行你的專案 npm start模板建立完成 執行模板會自動彈出瀏覽器預覽 1 安裝路由模組 npm install react router dom安裝完成之後 匯入模組 import react from rea...

react 元件建立及呼叫

元件 可被反覆使用的帶有特定功能的檢視!建立 var mycomponent react.createclass 呼叫 reactdom.render document.getelementbyid example 注意事項 元件類的命名 遵循全駝峰 test mycomponent 渲染多個標籤,...

路由協議原理及配置

路由是指導ip報文傳送的路徑資訊 路由器提供了將異構網戶聯的機制,實現將乙個資料報從乙個網路傳送到另乙個網路.路由就是指導ip資料報傳送的路徑資訊.通過路由表進行選路 路由器 資料報的關鍵是路由表。每個路由器中都儲存著一張路由表,表中每條路由項都指明資料報到某子網或某主機應通過路由器的哪個物理埠傳送...