菜鸟前端工程师-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

菜鸟前端工程师

专栏成员

73

文章

62944

阅读量

16

订阅数

react-开发经验分享-解决antd Table组件selectedRows翻页后不保留上一页已选中items的问题

antd datasource key table

在用 antd Table 组件写一个产品选择框功能的时候，遇到了 antd Table 组件的 selectedRows 在翻页后再勾选新的 item ，不会保留上一页已勾选的 item ，而是基于当前页面的 dataSource 重新记录当前的勾选项（注： selctedRowKeys 没有这个问题，可以正常的跨页记录总体的勾选项的 key ）。

2022-10-28

6860

react-开发经验分享-Upload上传功能的具体项目实现

javascript node.js

这是因为Promise是没有abort 方法的，只有原生js的XMLHttpRequest对象才具有abort

2019-05-17

1.8K0

reactNative跨平台app开发经验分享-Redux的使用心得

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终在RN中项目实际开发时Redux全局参数的具体使用方法 Redux的好处：可以把一些全局都需要使用的参数保存起来，并且在一个组件里更新这个参数后，全局里任何使用这个参数的地方都能实时更新适用于购物车，图标右上角数字，form表单数据字典配置，权限配置，实时消息数量等等 client页面 // 此处使用了redux-actions import { handleActions }

2019-05-17

5710

node.js学习笔记01-cmd0node0全局数据0异步事件

node命令： node -v （Node版本号） node 文件名（运行当前文件） node ./文件名/文件名（运行当前文件夹的xxx文件夹下的xxx文件）

2019-04-09

9400

reactNative跨平台app开发经验分享-跨平台开发兼容

android ios react

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终既然已经入了react坑那自然不会少了移动端app开发神器RN 初衷依然是把自己在公司实际开发中遇到的踩坑填坑过程记录下来给自己也分享给同样从事这行的各位新入行朋友做个爬坑指南首先 reactNative我在这里简称RN RN是可以做跨平台开发的这就导致了一个问题 RN的组件，在Android和ios上有些会有所不同 RN的样式编辑，在Android和ios上有些也会有所不同这

2019-03-04

2.6K0

react-开发经验分享-Steps横竖业务进度条的具体使用方法

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，Steps横竖业务进度条的具体使用方法在ant里介绍了Steps组件，进度条不过没有具体的对接后端数据的使用方法特别是Steps组件里最重要的status状态控制方法分享一下在项目开发中遇到的问题以及解决方法具体如下： // 首先根据ant官方Steps组件使用方法引入到react里 // 使用state来存储后端数据并动态更新 this.state = {

2019-03-04

8740

react-开发经验分享-Table表格组件里跳转页面及传递数据

react 编程算法

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，Table表格组件里跳转页面及传递数据的方法在Table表格组件中，经常会遇到表格里有跳转页面的需求跳转方法大致与普通react页面路由方法类似依然是在columns方法里对需要跳转的td位置进行render自定义设置设置方法如下： // 使用onClick进行按键触发跳转，并且可以传参给子页面 // 传递的参数在子页面的props.location.state对象里

2019-03-01

1.3K0

react-开发经验分享-Select选择框表单实现异步省市联动

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，Select选择框表单实现省市联动的方法在ant框架中，Select选项框组件里有一套实现省市联动的组件方法但是，他使用的是写定的死数据在正式企业开发中，往往是需要调用后端接口数据来动态实现省市联动的而且后端接口的数据结构在不同的公司中可能各不相同因此写了一套大众型异步调用省市联动组件方法方法如下： // 使用state来存储后端数据并动态更新 this.st

2019-03-01

2.8K0

react-开发经验分享-Table表格组件里自定义表格td内容换行

html ant render table 表格

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，Table表格组件里自定义表格td内容换行的方法在Table表格里，无法像普通原生html一样直接在标签内使用‘br’或换行符使表格内容换行必须在表格组件的columns方法里对需要换行的地方使用render自定义换行，使用方法如下： columns = [ { title: '驻场', // 子单元格 child

2019-02-25

2.3K0

react-开发经验分享-Table表格组件里自定义翻页方法补充

ant table 表格开发框架

ant框架里，Table表格组件里自定义翻页组件的方法前面讲过在Table表格组件里自定义翻页组件补充一下在项目开发中遇到的自定义翻页方法的注意点和自定义翻页组件里的上次漏掉了的几个重要方法承接上文： // 当表格里有查询、排序功能时 // 表格的翻页功能会受查询数据量变化的影响，会出现查询后自定义翻页组件的页码错误的现象 // 因此，必须对自定义翻页功能做进一步的优化调整 // 使用state来存储后端数据并动态更新 this.state = { current: 1, // 当

2019-01-28

6940

react-开发经验分享-后端请求数据后进行本地存储筛选

存储对象开发数据

后端接口请求到数据后存储到本地进行数据筛选的方法此方法使用了对象对比和模糊查找使用了原生es6开发实现方法如下： // 后端接口请求到数据 // 数据存储到state里 // 获取表单输入值，并用表单里的值对数据进行筛选 // 使用state来存储后端数据并动态更新 this.state = { projectData: [], // 后端数据 } // handleSubmit = (e) => { e.preventDefault();

2019-01-28

9680

react-开发经验分享-Table表格组件里自定义翻页方法

ant框架里，Table表格组件里自定义翻页组件的方法在Table表格组件里，自带了pagination翻页方法，不需要手动去写但是这个翻页是最基础的翻页很多时候，开发需求需要更多的翻页功能比如输入页码数字跳转到对应页码自定义每页展示多少条数据等等这时就需要在Table里加上pagination的需求方法 // 需要注意的是，pagination接受的是object，所以需要使用双括号 onShowSizeChange = (current, pageSize) =>

2019-01-03

1.3K0

react-开发经验分享-树形结构的解析与运用（二）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，tree结构的剖析承接上文问题：ant的异步树形结构，当渲染下级结构完成后，再次在主干新建一个新的下级结构时，不会实时渲染出新增加的那条下级结构，必须刷新整个页面，重新后端请求数据，并进行渲染，这是一个不好的体验 3.根据ant的tree结构，自定义实时渲染tree结构页面思路：使用递归模式 // 实时显示下级页面的变化实例 // 封装函数：新增下级结构 /* tree

2018-12-28

9930

react-开发经验分享-树形结构的解析与运用（一）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，tree结构的剖析 1.tree结构，当加载treeChildren（树形下级分支）时，底层代码在上级结构tree（主干）中生成children属性，并把下级分支push到children属性里 // 实例主干：[{id: '001'}] // 当生成下级分支时主干：[{id: '001', children: [{id: '0001'}]}] 分支：[{id: '0001'}

2018-12-28

1.5K0

react-开发经验分享-自定义封装请求方法（二）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 react里，请务必自己封装请求方法承接上文》》》当自定义封装请求方法后，可以简化当前页面的后端数据请求代码 // 二次封装页面请求 /** * 新增组件 * 调用接口方法 api */ import ApiClient, { callApi } from '@/utils/apiClient'; // 对接后端，公用接口验证 import { AuthorUrl } from

2018-12-25

6020

react-开发经验分享-自定义封装请求方法（一）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 react里，请务必自己封装请求方法好处：1.自定义封装请求方法，能够更好的处理请求结构，做好请求体body的处理等 2.可以使用多种异步数据请求方法，如Promise.then().catch()，async 》 await，try，catch等 3.请求方法的复用性（这才是react的精髓） 4.颗粒化思想， 5.可以简化具体页面的后端请求结构，细致拆分组件，精准定位bug //

2018-12-25

1.2K0

JavaScript学习笔记031-本地存储0jsonp

java 存储 json html

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终能把爱好和工作结合起来是一件幸福的事情经过这么多年的挫折还好现在找到了前端我很爱你！工作我很爱你！ <meta charset="utf-8"> <!DOCTYPE html>  <html lang='en'>  <head>  <meat charset='UT

2018-12-14

5120

react-开发经验分享-modal框内嵌form表单数据提交到父级页面问题

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终 ant框架里，父级页面的modal弹出框内嵌form表单时提交按钮是modal框自带的确认和取消按钮需要对form表单进行关联操作父级页面如果需要传参给表单或获取表单的填入数据时必须使用Form.create()方法 // 子级页面 // Ant formcreate 表单内置方法 const Popup = Form.create()(props => { const {

2018-12-14

3.2K0

JavaScript学习笔记030-前端缓存cookie0初识后端缓存session

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终这篇笔记要不要上传我纠结了一下基本上现在在企业开发中几乎很少使用到cookie了现在基本上都是H5本地缓存 token之类的做用户登录验证 node或许会用到一点点想想还是发上来吧没准哪天就有用了 <!DOCTYPE html>  <html lang='en'>  <head> <!-- 网

2018-12-12

3690

react-开发经验分享-form表单组件中封装一个单独的input

在form表单中自定义封装一个input组件如果不做处理 form表单提交时是获取不到这个自定义组件的数据的这个坑对于新手来说真的是个大坑特别是对表单内的元素做提交不是很了解的人用ant的ui框架来说明吧一个基础的表单 // ant表单组件 import { Form, Select, Input, Button } from 'antd'; const FormItem = Form.Item; const Option = Select.Option; class App ext

2018-12-12

2.9K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态