![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react(level 3)
文章平均质量分 90
react
谁诉离殇~
菜鸟前端,学习笔记
展开
-
React Router
这东西好像和vue里面的路由确实不一样;react-router非常复杂整体,比vue-router强大很多React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步React Router 知道如何为我们搭建嵌套的 UI,因此我们不用手动找出需要渲染哪些 组件,即,向页面返回了一个路由组件(即默认导出路由,然后放在ReactDOM里面),当路由组件检测到地址栏与Route的path匹配时,就会自动渲染对应的.原创 2021-11-16 08:55:03 · 129 阅读 · 0 评论 -
三、Hook
简单说,hook就是一些函数,不能在Class组件中使用,只能在函数组件中使用。不使用class组件,而全部使用函数组件是一个趋势一、Hook 简介Hook 是 React 16.8 的新增特性。要启用 Hook,所有 React 相关的 package 都必须升级到 16.8.0 或更高版本。如果你忘记更新诸如 React DOM 之类的 package,Hook 将无法运行。它可以在使用函数组件的时候使用this(state就在this里面)和生命周期等,其它的类组件才用的特性。如.原创 2021-11-16 08:54:22 · 233 阅读 · 0 评论 -
二、React进阶
一、代码分割为什么要使用代码分割:在用webpack进行打包的时候,每个模块被导入合并在一个文件,这个文件叫做 bundle,这些 bundle 在一张页面上包括了整个APP。然而,当 APP 增长的时候,这些 bundle 尺寸开始变得越来越大,因此影响了页面加载时间使用ant design pro的时候,打包出来的不是一个bundle文件,而是把每个模块打包成了一个async.js。如果用了代码拆分中的import(),就会把对应的js模块单独进行打包,打包出来的js模块名字实例如56.ffe原创 2021-11-16 08:53:55 · 155 阅读 · 0 评论 -
一、React基础(modify company)
版本v16.13.0单独看react不是mvvm也不是mvc,只是一个view层(但是引入了redux等,并且把控制视图的逻辑写在组件内部,就是mvvm了)。 vue也不是mvvm和mvc,vue只是view层(但是如果引入vuex等,就是mvvm了)。mvvm和mvc都是一个架构模式。vm指的是数据驱动视图(也可以理解为组件,一个拥有状态也需要管理状态的视图),比如vue和react都是单向数据流(vue用v-modal实现双向绑定,react即使是非受控组件也不是双向绑定)一、React简.原创 2021-11-16 08:53:17 · 148 阅读 · 0 评论 -
零、React API
一、React 顶层 API顶层API就是顶层的react,import React from 'react'这种react中的函数组件性能优化只有两个方向(除key之外):第一个为减少重新 render 的次数,因为父组件重新渲染的时候经常会让子组件也重新渲染。第二个为减少重复计算,因为函数组件每次渲染,就会重新开始创建组件里面的所有值,也就会再一次的进行所有的计算。(1)isValidElement():验证对象是否为 React 元素,返回值为 true 或 false。React.原创 2021-11-16 08:51:39 · 143 阅读 · 0 评论 -
React 入门实践教程
版本v16.12.0本教程为用react从头开始实现一个小游戏。和另外的react基础知识是互补的注:关于git命令行运行和直接cmd运行,一般情况下都用cmd命令行来运行,git它只会下载node相关的一、环境准备1、初始化项目需要在你的机器上安装Node >= 8.10 和 npm >= 5.6create-react-app脚手架创建项目: 这个create-react-app脚手架 就和vue-cli差不多的创建项目报错npm ERR! Unexpec.原创 2021-11-15 10:34:43 · 192 阅读 · 0 评论