随笔分类 - react; echarts
React相关记录
echarts 实现立体柱子图
摘要:react+echarts实现彩色立体柱子图表!
阅读全文
react setState修改对象属性
摘要:react setState修改state中定义的对象和对象中某个属性。
阅读全文
react+echarts折柱图实现
摘要:本博文主要是记录一下在实现折柱图的过程中遇到的一些问题,由于对echarts使用不熟悉,在一些效果点产生了纠结。
阅读全文
react之全局插件-询问框
摘要:用react实现一个全局询问框。 react跟vue的全局插件区别,vue可以在原型上面扩展,注册全局组件,注册后直接this调用;而react是没有的,即使是全局插件,在使用中也需要根据组件的需要程度,对插件先进行import,直接调用方法,不需要写入组件。 文件结构目录: plugin --Co
阅读全文
webpack5 模块热更新
摘要:每次有代码变更,都需要在浏览器自动刷新。实际上webpack是支持模块热更新的,当代码变更后,自动刷新浏览器。 webpack依赖: "webpack": "^5.23.0", "webpack-bundle-analyzer": "^4.4.0", "webpack-cli": "^3.3.12"
阅读全文
react + antd实现动态菜单
摘要:## react + antd实现动态菜单 import React, { Component } from 'react'; import { Menu } from 'antd'; import history from '../../router/history'; const { SubMe
阅读全文
react学习历程问题记载(二)
摘要:20、Invalid options object. Less Loader has been initialized using an options object that does not match the API schema. 处理:react使用的less-loader版本问题,删除l
阅读全文
react学习历程问题记载(一)
摘要:10、 Mac 新建react项目 create-react-app: command not found 变更create-react-app my-app 为 npm init react-app my-app 9、 Too many re-renders. React limits the n
阅读全文
toFixed的使用
摘要:因为在项目中经常遇到对数值保留小数的操作,所以我便将各种处理方式进行抽取整合成一个方法了。 方法名为resultByToFixed,参数包含数值,处理类型,保留几位小数,单位。针对数值做null值判断,条件成立则不做处理。 其中处理类型有以下几种: 0、对数值保留几位小数 1、将数值乘以100后再根
阅读全文
react+ts封装AntdUI的日期选择框之月份选择器DatePicker.month
摘要:需求:由于在项目开发中,当需要使用该组件时都需要对该组件进行大量的代码输出,为了方便代码统一管理,减少冗余代码,所以将此组件进行二次封装。 其他成员在使用中只需将自己的设置通过对应的参数传递到该组件,在执行选中操作后直接将返回值回传给调用的父组件即可。 技术涉及:react+ts+antd 代码如下
阅读全文
react+lib-flexible适配浏览器宽度配置
摘要:主要是通过lib-flexible搭配px2rem,将设计稿中固定的px单位转换成根据屏幕大小自动计算的rem单位,达到屏幕适配的目的。 在此之前需要先搭建好react项目。接下来是安装下面的步骤配置flexible。 第一步,安装lib-flexible并在src/index.js中配置impor
阅读全文