Mia的博客

常用自定义hooks定义和解析

作为props.children传入的内容，更改setState之后，页面元素不会根据state重新渲染

强制更新组件

react 16 基本原理流程图

antd table 可编辑

umi4使用遇到的问题整理

一些没见过的巧思和ts的使用和踩坑

关于memo

一个计算公式输入框（可下拉出数据可自己输入符号）

解决antd 4 form组件使用报错

react + ts 函数式组件报错

react 使用typescript

react 单页面实时获取数据，并且跨页面实时更新页面数据

手写后管模板项目时，遇到一些巧妙，有趣的前端的小点

react-activation使用和场景

官方文档或者网上的博客中关于react-flow-renderer的多个句柄都没有对应的具体实例。只能自食其力。官网中提到多个句柄需要自定义节点。其中一个Handle为一个句柄。1.图中的情况就是5个句柄，那么显示与隐藏怎么判断呢？通过类名，增加一个隐藏的类，设置border和background为transparent。2.样式写出来了，接下来就是处理保存信息，以便于下次打开布局依旧如此。句柄的上下左右是通过edges中的sourceHandle和targetHandle，再次打开处理数.

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

React 工作流功能

echart使用记录，持续更新~

react 使用 xlsx-style导出，报错：Can‘t resolve ‘./cptable‘ in ‘xxx\node_modules_xlsx问题：1.网上大多数的解决方案都是直接改node_moudels，这样是非常不可取的方案，如果别人拉你的代码，直接npm install,岂不是别人也要去修改node_moudels？2.还有一部分vue使用者给出解决方案，对vue.config.js进行修改，这个比较合理，但是我用的是react呀。。。3.最后得出一个结论，要去修改webpack中

antd Tree组件使用expandedKey之后无法展开和收起节点怎么办？答：要配合onExpand事件一起使用鸭，与Checkbox 有异曲同工之妙。// dom <Tree showIcon={true} defaultExpandAll defaultExpandParent autoExpandParent selectedKeys={[this.state.activeMenuCode]} expandedKeys={this.state.treeExpa

enditTreeNode: false, //编辑删除弹框 editTreeId: '', //当前选中id class dataGatewayView extends dataGatewayController { //点击省略号弹出弹框 nodeToDo = (data) => { const {enditTreeNode, editTreeId} = this.state; ...

如果想当循环中某一项为特定值时不向下执行，跳出循环，可使用return false;rows.forEach((t) => { if (t.title == '操作') { return false; } }

真是遇到了世纪难题，要修改antd table表格的颜色，但是公司已经将颜色主体封装进内部脚手架里，改一个就要全改。解决方法：在column中每项添加类名，然后找到源码，将源码中的公用部分替换成相应类名，此方法可以适用于各种css更改let column = [ { title: '行号', dataIndex: 'key', key: 'key', className: 'table-color-dust', width: 50,

antd 国际标准化有时需要将组件默认为英文的部分，设置为中午呢，此时需要用到antd的国际标准化。 //国际化标准 import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn');

虽然不知道为什么，但是电脑自动升级重启之后，npm start 开始报错events.js:187 throw er; // Unhandled 'error' event ^ Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19) at onErrorNT (internal/chi

1.setupProxy配置代理，虽然配置了发起请求的网址，但是浏览器network中的请求地址是不发生变化的，比如：localhost:3000发起请求，但是代理转发到5000，虽然是向5000的服务器发送请求，但是实际上前端浏览器中的请求地址还是3000...

严重注意：状态必须通过setState进行更新,且更新是一种合并，不是替换。 this.setState({isHot:!isHot})

初学者 React文章目录初学者 React一、基本使用1.JSX2.基本使用语法二、组件的使用1.函数式组件2.类式组件3.类式组件——state简写3.类式组件——props3.类式组件——props简写4.类式组件——refs5.类式组件——refs回调函数形式与createRef6.受控组件的高阶函数和柯里化总结一、基本使用1.JSX2.基本使用语法代码如下：<!-- 引入babel，用于将jsx转为js --> <div id="test"></d