React
Zeng__Y1
这个作者很懒,什么都没留下…
展开
-
TypeScript使用中 报 does not exist on type ‘Window & typeof globalThis‘错误的解决方法
在ts项目中使用js引用的百度地图api的时候 报异常:简单的解决方法:1,constwin:any=windowconstBMapGL=win.BMapGL2,constBMapGL=(windowasany).BMapGL原创 2021-02-23 16:17:58 · 8339 阅读 · 2 评论 -
React+TypeScript+antDegin4+Redux+axios的后台管理系统的模板
搭建步骤:1,安装和初始化yarn create react-app admin-model-ts --template typescript出现这个就项目初始化完成,基本的react项目就完成了进入项目admin-model-ts项目中,完善项目所需要的依赖2,引入 antdyarn add antd按需加载配置先装依赖:yarn add react-app-rewired customize-crayarn add babel-plugin...原创 2020-05-20 14:13:42 · 1589 阅读 · 0 评论 -
react+typeScript框架config-overrides中设置Alias路径 报错的解决方法
该框架使用的是 customize-cra和react-app-rewired。设置Alias路径:const { override, addWebpackAlias} = require('customize-cra');const path = require('path')module.exports = override( addWebpackAlias({ ['@']: path.resolve(__dirname, './src'),原创 2020-05-18 17:55:07 · 2073 阅读 · 0 评论 -
30 分钟精通 React 新特性——React Hooks
作者:zach5078segmentfault.com/a/1190000016950339你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗?——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗?——拥有了Hooks,生命周期钩子函数可以先丢一边了。你在还在为...转载 2018-11-27 11:02:48 · 315 阅读 · 0 评论 -
React 防止按钮多次点击事件 重复提交
为了方便,简单的记录一下:在state中设置一个控制点击事件this.state = {isClick: true}在点击事件的函数里handleOk = () => {const { isClick } = this.stateif (isClick) { //如果为true 开始执行this.setState({ isClick: false })...原创 2019-03-19 11:55:25 · 12930 阅读 · 4 评论 -
antd +dva实现动态获取树形数据表格
最近在做项目的时候遇到了需要运用树形表格。应为不是做Demo,所以是需要做成动态获取的,antd的模板列子实现的效果图:注意:我们使用的是两个不同的接口实现的动态树形数据的表格实现的思路:1,第一个接口只负责获取表格的父数据,也就是只获取 市场部,财务部,产品部的数据。2,需要和后台商议好,如果父数据有子列表,那么就需要在给父数据的时候返回一个空数组,有这个空的数组才能实现...原创 2019-04-12 11:58:37 · 5328 阅读 · 2 评论 -
js React Dva对页面中权限节点的控制 即有权限展示和无权限的不展示
思路:有些界面和操作按钮有着对应唯一的权限码,当用户登录之后会获取到用户向前所拥有的权限码。然后跟整个系统的权限码进行比对,如果存在对应的权限码则拥有该权限。步骤:1,在permission.js中存放整个系统的权限码2.登录成功后获取到当前用户拥有的权限列表,并使用localStorage本地存储起来window.localStorage.setItem('auth', JS...原创 2019-04-23 15:44:09 · 1344 阅读 · 0 评论 -
使用canvas生成图片验证码
效果图:点击图片也会刷新图片代码:index.jsimport React, { Component } from 'react'import styles from './index.less';class First extends Component {constructor(props) {super(props)this.state = {code: ...原创 2019-05-24 14:21:33 · 747 阅读 · 0 评论 -
动画打印字段,支持html标签
效果图:方法类的:typing.jsclass Typing {constructor(opts) {this.opts = opts || {};this.source = opts.source;this.output = opts.output;this.delay = opts.delay || 120;this.chain = {parent: n...原创 2019-05-28 17:03:06 · 253 阅读 · 0 评论