前端 - 随笔分类 - chickenWu

[css3] 弹性盒子理解

摘要：弹性盒子通过display:flex实现，设置了这个属性的元素被称为弹性容器，其子元素称为弹性项。继续设置父元素的flex-direction:row，可以设置子元素的排列方式，这种控制在弹性容器的子子元素中是失效的。弹性盒子，顾名思义，它是有弹性的。设置flex-direction，事实上可以设阅读全文

posted @ 2021-08-20 10:42 chickenWu 阅读(215) 评论(0) 推荐(0)

[react] 表格中设置了key依旧发现出现了没有设置标识符来体现唯一性的警告

摘要：很可能是某处渲染时，使用了数组，但是没有设置key值。比如在Modal组件的footer中。阅读全文

posted @ 2021-08-12 15:50 chickenWu 阅读(106) 评论(0) 推荐(0)

[react] expandedRowRender重复使用再次使用ref引用刷新永远只刷新最后一行的数据？

摘要：问题描述：一个嵌套表格给多行使用，刚开始能针对自己所在行请求到不同的数据但是当我切换搜索条件时将嵌套表格收起用的还是那一套表格这时我使用ref引用刷新数据，他只会刷新我最后一行的嵌套表格之内的数据其余行数据未刷新。要真正还按这种方法解决，就需要创建多个ref引用，实际上很难操作。好的办阅读全文

posted @ 2021-08-12 15:47 chickenWu 阅读(707) 评论(2) 推荐(1)

[react] expandedRowRender中的组件无法获取外部state？

摘要：setCondition(values); expandedRowKeys = []; //展开行受控 setExpandedRow({ expandedRowRender: expandedRowRender(values),expandedRowKeys, onExpand }); expand 阅读全文

posted @ 2021-08-12 09:30 chickenWu 阅读(186) 评论(0) 推荐(0)

[react] 如何从可控状态转换为不可控状态？

摘要：举一个简单的例子，有一个input的元素，一开始设置状态设置死了，它的value为某个值，这时你是不可以去在输入框中动那个已经输进去的值。而当你某种条件下，你将value的状态设置为null或undefined时，就能回到可控状态，通常设置为null还会有警告，还是设置为undefined。这样设置阅读全文

posted @ 2021-08-11 23:02 chickenWu 阅读(38) 评论(0) 推荐(0)

[react] 一个状态为数组或者对象时，设置新的状态无效

摘要：很可能，是这个新的状态new了一个对象，这时，状态指向的地址值已经不同。考虑采用直接改变对对象内部的方法，如数组的push函数，添加一个元素删除元素也可以通过间接使用splice()方法删除指定的元素。碰到这种情况，这个状态可能可以直接用一个let变量直接替换。。阅读全文

posted @ 2021-08-10 17:23 chickenWu 阅读(158) 评论(0) 推荐(0)

[react] 使用mock模拟数据，明明接口正确，请求的却是另一个接口的数据

摘要：mock接口地址也与路由有关系，如果请求的是更具体的路由，很有可能被这个路由的上一级截获。对比如下路由， /department-outlay/person /department-outlay/person/detail 如果在mock中detail在后，想请求detail数据时，就会被/depa 阅读全文

posted @ 2021-08-10 11:00 chickenWu 阅读(258) 评论(0) 推荐(0)

[react] 从useEffect中死循环理解useEffect 和useCallback的使用

摘要：原文参考地址原文阐述了在useEffect中如果依赖为一个一直变化着的状态时，它将陷入一个死循环。而在我的实验中，发现如果setTest设置的不是一个常量值时，就会出现警告，提示需要将init函数也加入useEffect的依赖中。 import { useEffect, useState } fr 阅读全文

posted @ 2021-08-08 22:55 chickenWu 阅读(1792) 评论(0) 推荐(0)

chickenWu

随笔分类 - 前端

公告