原创 表格使用流程-(1)

這裏以訂單列表修改頁面表格爲例子,重點在於改數據,不含增刪。 首先將代碼全部複製   1.配置列和列設置條件   下面將介紹一些需注意的配置字段  1)列名title需紅點標識 { title: () => {

原创 (九)學習筆記--提高開發效率的Lodash

Lodash篇  1.深層查找屬性值 var ownerArr = [{ "owner": "Colin", "pets": [{"name": "dog1"}, {"name": "dog2"}]

原创 (十一)學習筆記--redux-persist持久化數據存儲

說明: 一般在react項目中,我們通過redux和react-redux來存儲和管理數據,但是使用redux存儲數據時,會有一個問題,如果用戶刷新了頁面,那麼通過redux存儲的全局數據就會被重置,比如登錄狀態等。 這個時候有

原创 (十)學習筆記--react使用 http-proxy-middleware解決跨域問題

第一步 安裝 http-proxy-middleware   第二步 src下創建一個 setupProxy.js文件 const { createProxyMiddleware } = require('http-proxy-midd

原创 (九)學習筆記--提高開發效率

Lodash篇  1.深層查找屬性值 var ownerArr = [{ "owner": "Colin", "pets": [{"name": "dog1"}, {"name": "dog2"}]

原创 (八)學習筆記--解決react中history.push無效的問題

場景: 一個組件中,含有ul展開數組的組件,在每一行中,都能點擊相應的這一行,跳轉到對應的頁面。 也就是說,組件套組件,子組件中this.props.history.push無法工作。提示沒有push這個函數。 因爲這時的props中沒有

原创 (七)學習筆記--異步組件+withRouter使用

1.下載 https://github.com/jamiebuilds/react-loadable yarn add react-loadable 2.在所需異步組件的文件夾下創建loadable.js   3.編寫loadable

原创 (五)學習筆記--動態路由運用

1.Link寫法: <Link key={index} to={'/detail/' + id}></Link>   2.Route動態路由寫法: <Route path='/detail/:id' exact component={

原创 (四)學習筆記--combineReducers實現React數據分倉管理

1.文件結構   1)用actionTypes.js和actionCreators.js的好處在於:當dispatch的方法名寫錯,可快速定位在相應的文件!  2)分倉庫的創建避免了公共數據和方法全部堆積在總倉庫,不便於後期維護   2

原创 (五)學習筆記--immutable.js來管理store中的數據

Immutable 是什麼? Immutable數據就是一旦創建,就不能更改的數據。每當對Immutable對象進行修改的時候,就會返回一個新的Immutable對象,以此來保證數據的不可變。 不可變數據讓純函數更強大,也讓程序開發愈發簡

原创 (六)學習筆記--ajax+redux+redux-thunk

//actionCreators.js import * as actionTypes from './actionTypes' import axios from 'axios' const getListAction = (da

原创 (三)學習筆記-styled-components的使用

1.styled-components安裝(樣式不會全局,可在對應組件生效) yarn add styled-components   2.styled-components全局樣式createGlobalStyle 1)reset.cs

原创 (一)學習筆記--頁面加載過程

1.URL解析 URL結構:域名(查找服務器位置)就像一個大房子;端口號就如房間號;路徑(定位資源位置);參數(傳遞請求資源的特點);哈希(前端頁面錨點,用來標記頁面位置);   2.DNS(Domain Name Serivice)查

原创 React各種資源下載(基於Webpack4和最新的React腳手架)

1.首先說下最懶最快的方法,就是拷貝別人成熟的package.json文件中的dependencies、devDependencies和babel中的配置,然後yarn install就行了; { .................