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