原创 React中createContext和useContext的使用-實例
在demo中，我可以通過全局組件傳遞一個屬性改變按鈕的顏色，當父組件改變color顏色時，子組件也隨之改變顏色 當組件上層最近的 <MyContext.Provider> 更新時，該 Hook 會觸發重渲染，並使用最新傳遞給 M
2020-07-08 09:00:51
4
原创 react ant design自定義組件如何進行表單校驗?示例
自定義組件 import React, { useState } from 'react'; import { Input } from 'antd'; interface PriceInputProps { value
2020-07-06 23:21:27
2
原创 react獲取表單form對象的兩種方式，獲取form後進行重置
1.函數組件 const CreateForm: React.FC<CreateFormProps> = (props) => { const [form] = Form.useForm(); useEffect
2020-07-02 19:04:44
原创 react ant design項目，使用umi-request實現http緩存
//'useCache'當'useCache'爲true時，GET請求將在ttl毫秒內緩存。 //緩存鍵爲“ url +參數+方法”。 useCache：false ， //默認 //'ttl'緩存持續時間（毫秒），
2020-06-19 08:15:23
10
原创 React實現將Excel文件轉爲html顯示/轉爲json數據的demo
由SheetJS出品的js-xlsx是一款非常方便的只需要純JS即可讀取和導出excel的工具庫，功能強大，支持格式衆多，支持xls、xlsx、ods(一種OpenOffice專有表格文件格式)等十幾種格式。 github地址
2020-06-19 08:15:23
2
原创 react組件中調用dispatch,react組件中獲取不到dispatch
初次學react，我在this.props中獲取不到dispatch方法。爲什麼 @connect的信息科查看官網學習鏈接 原因在於mapDispatchToProps已經傳入了 ```js //方法注入 const mapD
2020-06-19 02:15:13
原创 react+dva+antd 初次使用dva，對列表數據進行新增刪除，從服務器獲取數據
技術介紹 看了demo寫一個刪除的方法 dva首先是一個基於 redux 和 redux-saga 的數據流方案 dva model : 把數據邏輯從頁面中抽離出來，使用 dispatch 和 reducer 改變 dva mo
2020-06-19 02:15:13
原创 手寫實現一個自己的promise
function myPromise(constructor) { let self = this; self.status = "pending"; self.value = undefined;
2020-06-19 02:15:13
原创 長連接-常見於移動端向下滑動加載更多(load more)
移動端加載更多使用demo 長連接 MDN - IntersectionObserver：異步觀察目標元素與其祖先元素或頂級文檔視窗(viewport)交叉狀態的方法 Document.createDocumentFragm
2020-06-19 02:15:13
原创 Sublime3安裝Package Control
前言，要想sublime支持vue高亮，必須得安裝插件，可是我們要先安裝Package Control才能更快捷的安裝插件。 一、自動安裝 打開console 點擊view>show console菜單 或快捷命令 ctrl+`
2020-06-19 00:44:12
原创 sublime text 3 配置terminal 快速啓動npm
前提：已經安裝好Package Control 1、安裝插件 進入Preferences 》 Package Control 》install Package 在彈出的輸入框中輸入terminal，選中enter即可安裝 2、配
2020-06-19 00:44:01
原创 react父子組件之間的通信方式--最完整的Demo、最簡潔的方式（子向父，父向子）
react組件中，比如table表單跟modal之間的交互，經常涉及到參數和方法等等之間的的交互。例如下圖 組件：Ant Design of React 父組件 import React from 'react'; /
2020-06-18 22:58:48
原创 react項目umi-request發送數據的兩種方法
body傳 請求完整地址： http://192.168.11.57:8380/rest/user-center/v1/user/sendVerifyCode/reset 用法 export async function se
2020-06-13 19:32:06
原创 跨域出現Provisional headers are shown 報錯
原因一 服務器禁止跨域（優先查找），讓後端設置允許跨域 原因二 檢查自己電腦網絡
2020-06-13 19:32:06