- 博客(8)
- 收藏
- 关注
RSS订阅原创 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
315
原创 动态获取表格并且合并
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
246
原创 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
2633
原创 关于react 用antd表格的表头与内容对不齐的问题
关于react 用antd表格的表头与内容对不齐的问题 1.如果给每列都设置了宽度。那么就把最后一列的宽度给去掉。（推荐使用） 2.把所有的宽度都给去掉。 （不太推荐使用） 因为你可能有需求是需要表格的宽度不一的。 ...
2020-09-09 11:55:17
959
原创 map遍历
map遍历 {this.state.tutorCardList.map((val,index) => ( < div className={styles.cardContent} key={val.tutorId}> <Card className={styles.cardBodyp} hoverable style={{ width: ‘100%’ }} // 照片属性 {val.photo} cover= {< img alt=“example” className={s
2020-09-09 10:43:15
168
1
原创 react用三目运算代替路由，组件之间的切换
react用三目运算代替路由，组件之间的切换 首先 把这个组件引进过来再定义一个布尔值。 showEditModal: false 其次 定义一个函数 //查看详情 cardOnSelect = () => { const { showEditModal, } = this.state; this.setState({ showEditModal: !showEditModal, }) } 最后可以用了 showEditModal ? < TutorDetail handleshowpageM
2020-09-09 10:37:11
342
原创 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
2584
原创 react中点击一个会触发全部渲染出来的的点击事件的情况（初学者）
react中点击一个全部触发的情况（初学者） 第一步 可以把visable 定义成一个空的数组visible: [] 第二步 当我们拿到这个index下标，我们有了下标，又把visable 定义成一个空的，这时候就可以赋值了 第三步 我们一定要把这个值在我们的模态框里面visable更新一下 加上刚刚我们穿过来的下标。 第四步，也就完了只需要在里面信用就可以了。 希望对新学react的你有所帮助 ...
2020-08-24 17:56:27
705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人