Antd開發後台管理筆記一

2021-08-21 20:45:12 字數 1247 閱讀 1905

安裝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.3import 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...