![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
衲本人间一浪子
这个作者很懒,什么都没留下…
展开
-
tab切换遍历
import React, { useEffect, useState, Component } from ‘react’;import { Tabs } from ‘antd’;import styles from ‘./index.less’;import Createlabel from ‘./createlabel/createlabel’import Tagquery from ‘./Tagquery/Tagquery’const { TabPane } = Tabs;const to原创 2020-09-29 13:56:46 · 275 阅读 · 0 评论 -
动态获取表格并且合并
let mergeKeys = {};// 计算那些行需要合并,合并的行数data.map((item) => {// 第一级分类const key = item.courseModualName;courseModualName(这就是需要合并项的值)const value = mergeKeys[key];if (value) {mergeKeys[key]++;} else {mergeKeys[key] = 1;}});合并的内容< tbody><原创 2020-09-15 18:31:00 · 188 阅读 · 0 评论 -
react中antd-table组件 scroll的宽度动态获取
/**计算columns总宽度,传入的格式为:coluums=[{width: ‘100px’}],width支持数字,如10, 23.3,字符串,如:“10px”, “23.3px”, 不支持其他形式的字符串@export@param {*} [columns=[]] 需要计算的columns@param {number} [lastColWidth=0] 非必传,最后一列预留的宽度@returns columns总宽度*/首先把这些封装起来static cal原创 2020-09-15 09:15:37 · 2483 阅读 · 0 评论 -
关于react 用antd表格的表头与内容对不齐的问题
关于react 用antd表格的表头与内容对不齐的问题1.如果给每列都设置了宽度。那么就把最后一列的宽度给去掉。(推荐使用)2.把所有的宽度都给去掉。 (不太推荐使用) 因为你可能有需求是需要表格的宽度不一的。...原创 2020-09-09 11:55:17 · 847 阅读 · 0 评论 -
react +antd 将对话框根据屏幕尺寸大小而改变
让对话态框在不同pc端展示不同的大小比如说:在 1920的分辨率上 模态框的宽度为50%在1280的分辨率上改成70%的宽度有两个方法推荐使用第一种前提是你用antd组件第一种在render的渲染里面直接获取当前屏幕的像素const updateSize =document.querySelector(‘body’).offsetWidth 拿到你需要的那个屏幕大小。width={updateSize==1280?‘70%’:‘50%’}用三目运算符 直接进行判断这是第一步 只需要获原创 2020-08-24 18:11:59 · 2332 阅读 · 0 评论 -
react中点击一个会触发全部渲染出来的的点击事件的情况(初学者)
react中点击一个全部触发的情况(初学者)第一步 可以把visable 定义成一个空的数组visible: []第二步当我们拿到这个index下标,我们有了下标,又把visable 定义成一个空的,这时候就可以赋值了第三步 我们一定要把这个值在我们的模态框里面visable更新一下加上刚刚我们穿过来的下标。第四步,也就完了只需要在里面信用就可以了。希望对新学react的你有所帮助...原创 2020-08-24 17:56:27 · 651 阅读 · 0 评论