摘要：
嵌套表单的封装 示例图跟下面的代码有不同，代码实现的是类似的逻辑。 封装的table表单TableForm.js import React, { PureComponent, Fragment } from 'react'; import { Table, Button, Input, messag 阅读全文
摘要：
工作中有个需求，先获取一个list列表数据展示成一个表格。每一条列表数据都可以动态查看当前数据的运行状态，就是需要不停的去做运行状态的请求。如果每条数据都开启一个定时器的话，不好好管理，所以考虑把在运行状态中的请求都放在一个定时器里。现在我简单的做个定时器模拟这一效果。 看图：刚开始是前三条数据在运 阅读全文
摘要：
如图所示，想把展开行的按钮放在Action这一栏中，通过点开展开或者收起来查看展开行。 实现上面的效果，需要用到四个属性： expandedRowRender： 展开行的内容。 expandIconAsCell：关闭展开按钮的这一列，这个关闭，expandIconColumnIndex才会生效。 e 阅读全文
摘要：
react+ts实现一个翻书效果。 import { Button, Modal, } from 'antd'; import { Component, Fragment } from 'react'; import type { Dispatch } from 'redux'; import lo 阅读全文
摘要：
如图，input框可填写多个值，每个值以Tag标签的形式展示，每个标签可以新增和删除，自动过滤重复的标签。还能结合from表单，做必填值的验证。 如果没有值，提交表单的时候，会提示错误。 话不多说，直接上代码： 这个是selfTag.js: import {Input, Tag, Tooltip} 阅读全文
摘要：
作为一个前端，经常写html文档，但是却很少去在意头部的标签有哪些，也很少在意每个标签的作用，下面我们来详细了解下。 头部的标签，也就是写在<head><head/>里。通常会有6个标签： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t 阅读全文
摘要：
我们经常在一些页面中遇见svg格式的绘图，通常是一脸懵逼，别急，看完这篇文章你就能很好地了解它了。 一、svg简介。 SVG 意为可缩放矢量图形（Scalable Vector Graphics），是使用 XML 来描述二维图形和绘图程序的语言，后缀是“.svg”。它的优点是图像在放大或改变尺寸的情 阅读全文
摘要：
在工作中，遇到一个需求，需要展示一个列表，第一次请求只有列表的名字，需要在知道名字的情况下，再去请求每个列表的详细信息，然后展示完整的列表信息。 经过一番研究，发现多重的请求写在页面的方法里比较好实现。其他的在effects和servers里都不太好实现。 首先我们在 componentDidMou 阅读全文
摘要：
最近在维护一个很古老的项目，里面是用jq的dataTable方法实现一个分页的表格，不过这些表格的分页是本地分页。现在想要的是点击分页去请求数据。 经过多次的修改，以失败告终。分页的不准确，还会有这个错误： Showing 0 to 0 of 0 entries (filtered from NaN 阅读全文
摘要：
一直在使用 antd pro 简单粗暴地做前端项目，最近有个项目需要自己构建，从0做起太麻烦，我选择了dva-cli。创建项目期间也遇到不少问题，最后也都得到了解决。思前想后还是做一次记录，希望对大家创建项目有一定的帮助。如果不知道dav的，可以去官网先了解一下：https://dvajs.com/ 阅读全文