![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
猛男找1
这个作者很懒,什么都没留下…
展开
-
react router传参 通配符方式匹配参数
看各大文章路径参数通配规则是这样写的<Route path='/index(/:aa)' />然而,这根本没用!!!要写成这样<Route path='/index/:aa?' />后边的问号表示这个参数是可选的原创 2021-04-25 14:13:59 · 643 阅读 · 0 评论 -
react antd 有多个Popover气泡卡片手动控制显隐
有个需求要实现点击批量复制输入复制数量,点确认复制当前行,点取消隐藏气泡框。用对话框的话显得大材小用,毕竟只有一个输入框,而Popover气泡卡片正好可以满足需求而且占用面积小。因为里面添加了自定义的确认、取消按钮,所以需要手动控制气泡框的显隐,那么问题来了。当给定一个值来控制显隐时,是完全不够的,这样会造成所有气泡框会同时出现。官方文档只演示了只有一个气泡卡片的例子,当然可以直接给state一个visible来控制显隐,而要控制多个,则需要定义第二个值来配合这是官方文档里的例子import { Po原创 2020-06-20 14:11:31 · 8640 阅读 · 7 评论 -
react 生命周期
constructor这个就不介绍了,可能有时间会写static getDerivedStateFromPropsstatic getDerivedStateFromProps(){//组件实例化之后接收到一个新属性(props)时调用该函数,该函数返回一个对象来更新状态(state)//修改state时一般不会触发该函数,父组件重新渲染该函数一定会被调用}render这个也...原创 2019-12-09 16:56:31 · 255 阅读 · 0 评论 -
react 生命周期 之getDerivedStateFromProps
参考:https://www.jianshu.com/p/50fe3fb9f7c3getDerivedStateFromPropsReact生命周期的命名一直都是非常语义化的,这个生命周期的意思就是从props中获取state,可以说是太简单易懂了。可以说,这个生命周期的功能实际上就是将传入的props映射到state上面。由于16.4的修改,这个函数会在每次re-rendering之前被...原创 2019-12-09 15:39:32 · 655 阅读 · 0 评论 -
为什么说不要滥用setState
setState 成本比较高,每setState一次都会调用render渲染一次,setState会影响性能如下面调用了四个setState,那么会render四次import React,{ Component } from 'react';class index extends Component { constructor(props) { //构造函数 ...原创 2019-12-09 12:11:14 · 206 阅读 · 0 评论 -
React生命周期执行顺序详解
文章内容转载于https://www.cnblogs.com/faith3/p/9216165.html一、组件生命周期的执行次数是什么样子的???只执行一次: constructor、componentWillMount、componentDidMount执行多次:render 、子组件的componentWillReceiveProps、componentWillUpdate、comp...转载 2019-12-06 16:40:09 · 416 阅读 · 0 评论 -
react生命周期之componentDidUpdate
官方解释是:componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。当state或者props改变时触发,需要注意的是一定要做判断条件,否则会陷入死循环。...原创 2019-12-06 16:29:04 · 2352 阅读 · 0 评论 -
react生命周期之 componentDidMount
在render之后调用,仅在装载组件时调用,之后不再调用,即使state、props变化也不会调用,除非将组件卸载原创 2019-12-06 16:24:35 · 621 阅读 · 1 评论 -
react嵌套路由的坑
react 用嵌套路由的时候不能用path=’/'来匹配显示默认页面搭配exact来严格匹配 <Router> <Home> <Route exact path="/" component={Main} render={()=> <Ma...原创 2019-11-14 18:05:31 · 456 阅读 · 0 评论 -
react 路由Switch用法
Switch只显示匹配到的第一个路由import React,{Component} from 'react';import {HashRouter as Router,Route,Link,Switch } from 'react-router-dom';import Main from './Main';import About from './About';import Topic...原创 2019-11-14 17:05:29 · 14333 阅读 · 0 评论 -
react集成antdUI组件 按需加载 定制主题色
react集成antdUI组件 按需加载 定制主题色版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/qq_40524880/article/details/86607473————————————————版权声明:本文为CSDN博主「1只小菜鸟」的原创文章,遵循 CC 4.0 BY...转载 2019-11-13 15:30:13 · 186 阅读 · 0 评论