原创 react組件返回上級時，記錄上級組件狀態
最近開發項目中，做管理後臺，很多表格列表，有搜索條件，有分頁；在跳轉到詳情頁面，返回時，列表組件重新渲染，之前的搜索條件，分頁什麼的，都沒有記住；還需要重新選，點擊，交互體驗很不好。 1.這裏想到2兩個辦法，一個是吧搜索條件存到緩存中；每
2020-07-04 12:48:13
原创 react中使用富文本編輯器wangeditor
在開發react開發過程中在做一些表單內容提交修改過程中：用到了上傳和下載附件；富文本編輯等，話不多說上代碼： index.js文件是一個list表格： /* * 項目需求列表 */ import React, { Componen
2020-06-16 06:07:25
4
原创 react 回顯 HTML字符串信息
在開發項目中，用到了富文本編輯器，給後臺傳的字段值是html的字符串，比如“<div><p>123456</p></div>” 回顯顯示的時候，後臺返回的也是 text: “<div><p>123456</p></div>” 原生js,
2020-06-16 06:07:25
原创 react在父組件中調用子組件內的方法
import React, {Component} from 'react'; import {Text, View, TouchableOpacity} from 'react-native'; export default cl
2020-06-16 06:07:25
原创 js把字符串中的漢字、字母、符號、轉爲數字0進行數組排序
在使用數組進行排序的過程中，如果遇到漢字、字母、符號、怎麼排序呢，我就統一轉0 處理了，誰讓返回的數據扯淡，產品很扯淡呢，哈哈哈 話不多說上方法：用數組replace替換方法，正則匹配, 把字符串中的漢字、字母、符號、轉爲0 const
2020-06-16 06:07:25
原创 react 向子組件傳值 props中去取最新的值
在react中父組件在向子組件傳值時，如果父組件的值發生了改變，子組件的接收的參數值也需要接收最新的值，更新組件 這裏就需要使用componentWillReceiveProps(nextProps)， react生命週期中，可以在子
2020-06-16 06:07:25
原创 react-router-dom中route報錯處理
1.Invalid prop 'component' supplied to 'Route': the prop is not a valid React component 解決方案： component={UserManagement
2020-06-16 06:07:25
原创 js調取設備攝像頭
webAPi,使用js調取設備攝像頭 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>video</title> <style> #video
2020-06-16 06:07:25
原创 react 基於antd 數據表格渲染使用
import React, { Component } from "react"; import { Table, Storage } from "carrot"; import Request from "srcDir/util/re
2020-06-16 06:07:25
原创 react 路由刷新報錯問題
情況1：雙層路由 /a/b刷新報錯， react router 的bug ，瀏覽器解析會導致資源地址錯誤 查閱的各種帖子，什麼 ngnix 配置；都不好使。解決辦法 換成單級路由 /a_b 情況2： ngnix配置過濾時和 路由名字重複
2020-06-16 06:07:24
3
原创 antd 踩坑之select的placeholder不顯示問題
在antd中 使用form去回顯或者新增表單數據時，select的placeholder不顯示 如下例子：新增的時候，默認地址是空 “” 或者 null, 都不好使 <FormItem label="所屬網點"
2020-05-14 12:46:40
4
原创 react項目中在線預覽附件
這幾天在做一些管理後臺的公共模塊，其中遇到了附件下載，在線預覽的功能 這裏發現了一個很好的在線預覽插件 react-file-viewer（自己到npm去搜就好了）npm install --save react-file-viewer
2020-05-13 05:22:27
原创 前端js上傳文件轉base64
在開發react中涉及一些圖標，圖片上傳的時候，後端的同志爲了”自己在數據庫存儲方便“，讓我前端傳base64給他們（這裏👎一下），胳膊擰不過大腿啊，那就轉唄。介紹一個好使用的插件react-file-reader 上代碼： 1.安裝插件
2020-04-26 16:01:58
原创 react項目中使用echart
1.安裝插件 npm install --save echarts-for-react npm install --save echarts 2.我使用的了父子組件引入方法 父組件：index.js /** * 父組件 */ imp
2020-04-14 16:42:21
7