原创 表格使用流程-(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就行了; { .................