React
文章平均质量分 51
子月吾生
one day by one day
展开
-
写出更优雅的react组件(避免重复渲染)
写出更优雅的react组件一、存在问题二、解决办法类组件的解决方法1、 shouldComponentUpdate(React 类组件的一个生命周期)2、PureComponent + Immutable.js(进阶版)(1)为什么有了PureComponent这个方法(2)PureComponent 与 Component 的区别点(3)PureComponent用法(4)Immutable.js函数组件的解决方法1、React.memo:“函数版”shouldComponentUpdate/PureCo原创 2021-04-25 15:03:29 · 1322 阅读 · 0 评论 -
深度理解并使用react的useEffect()
深度理解并使用react的useEffect()useEffect()是React 16.8 的新增特性,它的出现是为了弥补只能在react中的类组件中使用的的生命周期函数:componentDidMount、componentDidUpdate、componentWillUnmount(和vue中的mounted、destoryed生命周期函数有异曲同工之妙,其实都是相通的)。下面这段代码是直接从react文档中拷贝过来的,写的是在类组件中当我们想在文档更新时和在组件消失时执行一些逻辑时,是有相关生命原创 2021-04-06 18:28:53 · 1217 阅读 · 0 评论 -
深度理解react的useState()
理解并使用react的useState1、为什么有了这个方法useState()是专门用在函数组件中的,因为函数组件本来是没有状态的组件,而类组件中可以通过 this.state和this.setState来更新组件状态,于是 React 16.8 就新增useState这个特性,用来提升函数组件的性能。函数组件import React, { useState } from 'react';function ChangeAge() { // 声明一个叫 "name" 的 state 变量原创 2021-04-02 18:00:13 · 1463 阅读 · 0 评论 -
react创建一个组件(函数组件和类组件及区别)
函数组件和class组件1、函数组件:编写 JavaScript 函数,返回一个react元素(组件名首字母要大写)function Welcome(props) {// 此处可以写入你想写的一些逻辑语句// 最后只需要return出react元素 return <h1>Hello, {props.name}</h1>;}// 或者const Welcome = (props) => {// 此处可以写入你想写的一些逻辑语句//最后只需要return出r原创 2021-03-24 17:16:22 · 324 阅读 · 0 评论 -
初学react实现列表处理功能
通过上的react课程实现一个对列表相关的处理功能,涉及到的react知识点有:建立react组件,引入react组件、react绑定事件、react循环渲染组件、react写样式、es6语法。1、首先熟悉下这个项目的文件夹,方便开发2、我写的文件包含下面几个其中todolist.js文件是主文件(vue的内容文件都是以.vue为后缀;react是以.js为后缀),todoitem.js是todolist.js的一个组件,todolist.css是样式文件。3、todolist.js文件的内.原创 2021-03-24 15:38:38 · 539 阅读 · 0 评论 -
初学者:创建一个react项目
1、去react官网:https://editor.csdn.net/md/?not_checkout=1’点击文档部分找到下面的模块。(或者直接看我写的第二步执行相关命令)2、使用命令行进入到你想创建react项目的一个目录,分别执行下面的命令(react的脚手架命令)npx create-react-app my-appcd my-appnpm start其中的my-app是你的项目名字,可以自行更改。(我取得项目名子为todolist)执行完上面命令以后我的目录里面首先会出现一个t原创 2021-03-23 11:36:13 · 155 阅读 · 1 评论