![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
react学习
MajorMe
管他熙熙攘攘阳关道,我偏要一条独木桥走到黑!
展开
-
ant Design Table表格渲染慢、卡死问题前端解决方法-虚拟表格
react项目,某些原因后台不方便分页,列表一次性查回很多数据,导致列表渲染卡死。ant Design的Table组件就有虚拟表格属性,直接给表格加。原创 2024-04-23 14:44:46 · 651 阅读 · 0 评论 -
react全家桶实战(千峰教育)
react全家桶学习(千锋教育)react-reduxreact-sagareact-router-domdvaumi原创 2022-12-27 18:36:30 · 1269 阅读 · 2 评论 -
新闻发布后台管理系统实战react + axios + react-router(v6) + react-redux + Ant Design + json-server
新闻发布后台管理系统实战react + axios + react-router(v6) + react-redux + Ant Design + json-server原创 2023-02-01 16:20:08 · 416 阅读 · 1 评论 -
vsCode配置用户代码片段(react)
vsCode配置用户代码片段原创 2022-12-11 12:02:46 · 1553 阅读 · 0 评论 -
ant Design表单中getFieldDecorator方法的特殊的用法
需求:新建投票信息,点击添加按钮,新增一组问题表单,表单字段名一样(需要Ant的form表单中循环动态渲染formItem),此时getFieldDecorator(id,options)中的id不能在循环中写死,那要如何解决呢?解决方案:1、添加索引区分 form.getFieldDecorator(questionName${index}, {…{questionList.map((question, index) => ( <FormItem label="问原创 2020-11-23 16:03:51 · 2208 阅读 · 0 评论 -
ant table 的日期排序
const columns= { title: '开始日期', key: 'date', dataIndex: 'date', sorter: (a, b) => { // 将日期转成毫秒 const t1 = new Date(a.date).getTime(); const t2 = new Date(b.date).getTime(); return t1- t2 },原创 2021-09-10 17:40:16 · 804 阅读 · 0 评论 -
react的props中找不到路由信息
const { location } = this.propsconsole.log('location :',location ) 发现location 为undefined解决:(1)组件包裹在中(2)组件中引用 withRouterimport { withRouter } from 'react-router-dom'@withRouterclass MyComponentxxx extends Component {......原创 2022-01-24 14:42:50 · 708 阅读 · 0 评论 -
react 样式绑定之class绑定数组
importa styles form ....<div clssName={[styles.class1,styles.class2].join(' ')} />原创 2021-11-11 11:15:33 · 680 阅读 · 0 评论 -
umi路由跳转页面
跳转// 引入router 新版本是import { history } from 'umi';import router from 'umi/router'; // 法一// 跳转页面/xxx/xxx/xxx,参数params, router.push('/xxx' + id`); // 或者history .push('/xxx'+id)// 法二router.push({ pathname:'/xxx', query:{ id: 'id',原创 2021-09-15 10:25:00 · 3279 阅读 · 0 评论 -
根据package.json文件启动项目注意事项
"start": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev","start:dev": "cross-env APP_TYPE=site MODE=default KEYENV=dev umi dev","start:test": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev",默认"start":直接命令npm start启动“start:dev(或t原创 2021-08-31 14:34:12 · 1126 阅读 · 0 评论 -
react中使用Ueditor--失焦事件监听
在使用Ueditor的react组件中:componentDidMount() { const { ueditorBlur } = this.props; this.editor = window.UE.getEditor('ueditorId'); // 'ueditorId'为Ueditor组件的id值 this.editor.addListener('blur', function(){ if(ueditorBlur) ueditorBlur() });}...原创 2021-08-20 17:05:05 · 671 阅读 · 0 评论 -
react:async和await控制setState同步更新
this.state={ param: 1}func1 = () => { this.setState({param: param+1})}func2 = async () => { await this.func1() // 没有await的话,后面console.log(param)输出1 const { param } = this.state console.log(param) // 输出2}...原创 2021-04-27 14:27:28 · 1596 阅读 · 0 评论 -
关于react子组件的重新创建刷新
最近遇到一个问题,在父组件那里渲染后,在子组件中setState和forceUpdate都不能刷新子组件数据,最后使用下面方式解决了这个问题:// 父组件中<div>{ childrenVisible ? <ChildrenCoponent dispatch={dispatch} visible={childrenVisible } /> : null}</div>...原创 2020-12-01 15:22:19 · 1007 阅读 · 0 评论 -
react项目建立中的问题
webpack设置自动打开浏览器1、运行命令安装插件:npm install open-browser-webpack-plugin --sava-dev2、在webpack.config.js文件中:var OpenBrowserPlugin = require('open-browser-webpack-plugin');plugins: [ new OpenBrowserPlugin({ url: 'http://localhost:xxxx' }), ...原创 2020-10-12 11:25:18 · 205 阅读 · 0 评论