![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
QiBarbara
每天都要进步
展开
-
升级项目从antd pro 4到 antd pro 5
官网文档:https://beta-pro.ant.design/docs/upgrade-v5-cninitialState使用initialState代替自带的model,global,login,setting都并入了 initialState 中。当做一个默认的model,存储的是不需要频繁修改的数据步骤:删除src/models/global.ts、src/models/login.ts、src/models/setting.ts 把请求用户信息和登陆拦截放到src/app...原创 2020-11-23 15:32:17 · 2608 阅读 · 0 评论 -
TreeSelect关于树的渲染
//父节点 renderTreeNode(orgtree) { let treeNode = []; orgtree.map((ele, index) => { treeNode.push( <TreeNode value={ele.id} title={ele.name} key={ele.code} disabled> ...原创 2020-02-19 10:31:09 · 1519 阅读 · 0 评论 -
React中获取并改变dom style样式的方式
1、在dom中直接使用三目运算动态改变style,react是动态渲染组件的,所以可以做到实时更新<div className={this.state.flag?'style1':'style2'}></div>2、使用ref获取dom<div ref={e => (this.dom1 = e)}></div>const...原创 2019-12-04 10:49:02 · 7032 阅读 · 0 评论 -
刷新页面时固定到当前浏览位置、及页面大小
//window.open(path,setting参数)window.open(window.location.href,width=400,height:800,"_blank","top=0,left=0,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=yes");...原创 2019-11-26 15:39:43 · 447 阅读 · 0 评论 -
关于echarts的重新加载与渲染
!!!踩了多少的坑我的天呐!!!!echarts催人命!!!!!坑坑1:根据返回数据加载不同的echarts组件import React from 'react';import {observer} from 'mobx-react';import intl from 'react-intl-universal';import echarts from 'echarts/lib...原创 2019-11-15 11:29:18 · 5932 阅读 · 1 评论 -
mobx中的“数组”由监听者格式转变成真正的数组
store 中的数组.slice()原创 2019-11-01 15:36:21 · 2479 阅读 · 0 评论 -
表格行上鼠标悬停,出现操作列和操作按钮
render() { let data = this.store.tableData.toJS(); let cols = this.store.cols; const selectRow = { mode: 'checkbox', // bgColor: 'pink', className: 'select-col', s...原创 2019-08-13 10:50:40 · 1295 阅读 · 0 评论 -
react安装 淘宝镜像安装
https://www.runoob.com/react/react-install.html原创 2019-06-16 17:22:22 · 1561 阅读 · 0 评论 -
【分享总结】webpack配置改变antd主题颜色
http://www.cnblogs.com/wuqun/p/10131483.html新版脚手架修改主题主要有两点 (*・ω-q)1、webpack.config.dev.js和 ....prod.js中 style必须为true,而不是css plugins: [ [ require...原创 2018-12-21 15:57:11 · 4606 阅读 · 0 评论 -
【react笔记】关于在webpack.config.dev.js和webpack.config.prod.js里配置antd
在.babelrc中配置antd的方法移步官网https://ant.design/docs/react/introduce-cn另一种方法的前提是我们已经将配置文件暴露出来了。暴露方法https://blog.csdn.net/weixin_41606276/article/details/85123919因为我的脚手架版本较高,所以现在网上的方法都不适用。在我的不断尝试下,终于配置成功...原创 2018-12-21 14:13:45 · 8284 阅读 · 0 评论 -
【分享】关于React中不同webpack版本如何配置less
https://www.jianshu.com/p/dbc8e0e80de5转载 2018-12-20 16:08:58 · 423 阅读 · 0 评论 -
【react笔记】暴露配置时出现“Remove untracked files, stash or commit any changes, and try again.”错误
在构建一个项目时,我们需要暴露文件来易于后期对配置的更改。在终端运行命令yarn eject可以暴露配置。但是有可能会出现如下截图的错误这是因为我们使用脚手架创建一个项目的时候,自动给我们增加了一个.gitignore文件而我们本地却没有文件仓库这就需要在终端输入如下命令就是用git将项目添加到我们的本地仓库再执行 yarn eject就...原创 2018-12-20 15:44:53 · 13225 阅读 · 10 评论