目之所及,行之所至

摘要： 代码源码: https://github.com/shengbid/antdpro-demo/tree/main/src/pages/Table/selectTable 如图: 表格多选后,选择下一页,要保留之前选择的数据 代码 import React, { useState } from 're 阅读全文

摘要： 实现效果 其实也不限于在react中用,这是CSS样式,能用CSS的都能实现 我这里是在react的ant table中使用 代码index.less .ellipasedom { word-break: break-all; overflow: hidden; display: -webkit-b 阅读全文

摘要： antpro 的umi内置的useModel也可以实现全局数据流 示例图: 三个组件的数量可以共享 使用方法 在src目录下models文件夹,新建一个文件,文件名就是引入的数据对象 1. 2. 完整代码 /src/models/product.ts import { useState, useCa 阅读全文

摘要： 做名称搜索时,根据输入关键词搜索,但是正常是一输入就会触发搜索,不合理 增加一个延时,减少频繁调用搜索 lodash这个组件库提供了很多实用的方法,其中就有debounce lodash官网 https://www.lodashjs.com/docs/lodash.debounce _.deboun 阅读全文

摘要： 使用场景: 当前输入组件的验证需要根据其他项的值进行变化 如: 产品分类选择了必填产品,产品名称就是必填,如果选择其他,就不是必填 这里展示两种校验 一种是填写时,输入组件的验证,一般是 是否可编辑disable 是否展示isshow等 另外是点击提交时,rules校验,是否通过校验方法 主要是改变 阅读全文

摘要： 如果是菜单跳转,只需要在cofig/route.ts文件中增加页面信息,点击菜单就能跳转到对应页面 如果是页面链接跳转,有两种, 1.可以通过link链接类似vue的router-link 2.通过history.push 类似vue的router.push 文档地址 https://pro.ant 阅读全文

摘要： githup源代码https://github.com/shengbid/antprov5/blob/master/src/pages/product/addProduct/index.tsx 使用场景: 一个form表单组件,提交按钮在父组件,点击时要调用子组件方法获取子组件数据 child.ts 阅读全文

摘要： select默认有value,和label两个属性,有时候需要选择数据后带出其他值 如图 选择公司后带出公司数据 select的onchange事件第二个回调参数可以拿到所有定义在option上的值 代码 // 根据选择公司进行回填 const changeCompany = (val, optio 阅读全文

摘要： 需求场景:多选框,底下的内容根据选择的值来展示,选项值和内容对应 如: 选择A,展示A的内容 选择B,展示B的内容 所以需要点击选择的时候,知道当前选中的是哪一项 这个是选择组,一开始使用 了CheckboxGroup,但是这个onchange回调拿到的是选择的全部数值,不能知道当前选中的数值 换成 阅读全文

摘要： 昨天项目打包后,部分组件的样式突然不对了,本地代码正常 这个项目是从原来的项目拉的分支,修改部分内容后重新打包的,原来的项目样式正常,本地样式也正常 找了很久也没发现问题,(＃￣～￣＃) 后来去官网,发现官网的例子样式有问题,竟然和我线上环境的问题一样 这下真相了 是因为这个新拉的项目,打包会自动下 阅读全文