React
weixin_43297321
这个作者很懒,什么都没留下…
展开
-
ReactHooks:useCallback与useMemo
useMemo与useCallback使用指南 转载自:https://blog.csdn.net/sinat_17775997/article/details/94453167 回顾 在介绍一下这两个hooks的作用之前,我们先来回顾一下react中的性能优化。在hooks诞生之前,如果组件包含内部state,我们都是基于class的形式来创建组件。当时我们也知道,react中,性能的优化点在于: 调用setState,就会触发组件的重新渲染,无论前后的state是否不同 父组件更新,子组件也会自动的更转载 2020-11-12 17:34:52 · 373 阅读 · 1 评论 -
react中使用antd影响全局样式的问题
如果在react脚手架中使用 ant design 这个UI框架的话,需要引入它的样式: import 'antd/dist/antd.css'; 不过这会影响我们index.js里面全局样式。 一般按antd的文档走是不是发现这个问题的,不过我半路出家,直接把antd的样式依赖写在index.css下面,导致我在index.css安排的全局样式被覆盖了,我也是后面才改过来的。 试了两种方法,调整包引入顺序以及重置样式包裹根组件< App />标签。 第一种:调整包引入顺序,将index.cs原创 2020-08-26 21:07:59 · 2308 阅读 · 0 评论 -
react脚手架模式中,严格模式下react render渲染两次的问题
今天用脚手架写东西,不小心把axios的请求直接在render中执行了,然后被我发现,数据请求了两次。虽然后来我又把封装的数据请求函数放在了componentDidMount中加载,但是,还是很郁闷为啥render被调了两次。 经过我的不懈努力,终于算是清楚了吧。但官网写的很难理解。 官网-严格模式:https://reactjs.org/docs/strict-mode.html React在严格模式下会执行两次render以帮忙检查额外的副作用。-----sf某友 我个人的理解就是,虽然严格模式原创 2020-08-26 00:26:09 · 2172 阅读 · 0 评论 -
关于react-redux影响组件页面渲染的问题
在没有使用react-redux前,我定义一个对象state1,然后通过按钮点击,试图修改此对象里的属性值another。 import React, { Component } from 'react' export default class tryCom extends Component { componentDidMount() { console.log("只渲染一次") } fun = () => { console.log(原创 2020-08-22 15:05:58 · 1361 阅读 · 0 评论 -
个人理解:react的状态state 初始化、遍历
state初始化 一般我们是直接在类组件的constructor中初始化的,如下: import React, { Component } from 'react' export default class tryBro1 extends Component { constructor(props){ super(props) this.state={ com:"I'm tryBro." } } render(原创 2020-08-22 14:09:58 · 763 阅读 · 0 评论 -
redux:使用工厂函数统一创建action,文件拆分流程
>>Father.jsx import React, { Component } from 'react' import Son from "./Son.jsx" export default class home extends Component { render() { let obj={demo1:"111",demo2:"222",demo3:"333"} return ( <div>原创 2020-08-21 11:31:16 · 207 阅读 · 0 评论