React
React 踩坑记
Markov Zheng
认真填坑
展开
-
React渐进式的图片加载组件
react渐进式图片加载插件原创 2022-07-05 15:01:09 · 477 阅读 · 1 评论 -
解决Unknown DraftEntity key null 插入图片,再输入中文会报错问题
解决Unknown DraftEntity key null 插入图片,再输入会报错问题最近在用react+draft.js编写富文本编辑器的时候遇到一个错误提示:Unknown DraftEntity key: null ,当时是写插入图片插入成功后在输入文字这一操作的时候出现的。对比官方Demo上有一个易错的点(注意一下 其中的insertAtomicBlock函数的第三个参数不是一个空字符串,而是一个含有空格的字符串!!!!!!)editorState: AtomicBlockUtils.ins原创 2021-12-11 10:52:09 · 894 阅读 · 0 评论 -
antd走马灯组件自定义前进后退按钮
antd走马灯组件自定义前进后退按钮【ts + react】antd的Carousel没有提供前进后退按钮需要自己根据文档 实现此功能官方提供了next 和prev两个方法next() 切换到下一面板prev() 切换到上一面板代码如下:import React from "react";import "./Detail.less";import { Carousel,Image } from 'antd';import {LeftOutlined,RightOutlined} from原创 2020-09-04 10:50:24 · 3867 阅读 · 1 评论 -
React-cli使用Redux以及使用redux-persist处理刷新页面redux中数据丢失的问题
React-cli使用Redux以及使用redux-persist处理刷新页面redux中全局数据丢失的问题写在前面:项目基于 react + typescript + react-router + antd + redux + redux-persistReact-create-app中使用Redux首先目录结构如下| -- src | -- pages | -- Home | -- Home.tsx | -- Login | -- Login.tsx | -- st原创 2020-08-31 17:06:06 · 1203 阅读 · 0 评论 -
React中使用http-proxy-middleware跨域
React中使用http-proxy-middleware跨域基于create-react-app 和axios在create-react-app 2.0 之前,可以通过在package中添加proxy 来实现,如下package,.json"proxy": "http://0.0.2.89:300"2.0之后官方推荐使用http-proxy-middleware具体用法如下在sr...原创 2019-12-18 14:05:15 · 1217 阅读 · 0 评论 -
消除React中的warn Function declared in a loop contains unsafe references to variable(s) 'XXX'警告信息
消除React中的warn Function declared in a loop contains unsafe references to variable(s) 'mac_id’警告信息代码片段:import React from "react";export default class Main extends React.Component{ constructor(props...原创 2019-12-18 09:39:19 · 7746 阅读 · 0 评论 -
React的this.setState的异步问题
React的this.setState的异步问题先看一个问题描述import React from 'react';export default class Home extends React.Component{ constructor(props){ super(props); this.state={ country:"...原创 2019-12-16 17:00:15 · 1869 阅读 · 0 评论