安裝antdyarn add antd axios
設定antd 按需載入,需要安裝依賴庫:yarn add babel-plugin-import
安裝狀態管理工具redux和除錯工具:yarn add redux react-redux redux-thunk
除錯工具安裝比較麻煩文件在github的 直接安裝yarn add redux-devtools
安裝路由管理 route :yarn add route react-router react-router-dom
安裝乙個支援@裝飾器的依賴:yarn add babel-plugin-transform-decorators-legacy --dev
設定package.json
實現antd按需載入和@符合的支援
第一:建立store
如果在使用@connect()
時遇到cannot read property 'state' of undefined
,請去檢查你的外掛程式是不是最新的2.15.2及以上才可以redux devtools 2.15.3
import thunk from "redux-thunk";
import reducers from "./reducer";
const store = createstore(reducers,compose(
window.devtool***tension ? window.devtool***tension() : f=> f))
第二:使用@符號連線connect
最上面已經有安裝說明了。下面演示怎麼用。
import from 'react-redux
@connect(
// 你需要state 的什麼屬性
state=>,
// 你需要的什麼方法放到props裡面
基於antd的react開發(後台管理系統)
一.js 控制跳轉頁面 可用 linkto this.props.match.history.push url state redirectto 路由元件 import react,from react import from react router dom class mytest extend...
React開發企業級後台管理系統(筆記一環境配置)
注 如果安裝遇到問題,就在命令列執行清除npm快取的命令npm cache clean f,目前開發版node最低要求8.9以上版本,及時公升級node環境,依次執行以下2個命令npm install g n和n stable即可完成公升級。3,開啟新建立的專案目錄cd projectname 4,...
Django開發 二 後台管理模組
from django.db import models class passageclass models.model classname models.charfield max length 200 def unicode self return self.classname class pa...