随笔分类 -  react

运行npm run eject报错解决方法
摘要：主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库，按照以下顺序就可以正常使用 create-react-app test cd test git init git add . git commit -m 'Saving before ejecting' npm run eject 主要 阅读全文
posted @ 2019-08-11 17:19 SRH啦 阅读(1883) 评论(0) 推荐(0)
react性能优化----PureComponent
摘要：总结： 如果使用PureComponent,如果传入的新props和旧props没有差异，就不会执行render函数进行渲染。 原理： PuerComponent本质上底层自带shouldComponentUpdate这样的比较函数，可减少代码量 缺点： 进行的是浅比较，也就是说，如果是引用类型的数 阅读全文
posted @ 2019-07-20 21:35 SRH啦 阅读(379) 评论(0) 推荐(0)
react路由懒加载（异步组件）------react-loadable
摘要：https://www.npmjs.com/package/react-loadable 安装 cnpm install react-loadable 基本使用 假设现在项目中有个 home页面组件src/pages/home/index.js import React, { Component } 阅读全文
posted @ 2019-07-18 16:01 SRH啦 阅读(8493) 评论(1) 推荐(0)
怎么让VScode中的beautify插件不格式化react项目中的jsx代码
摘要：右下角，把语言模式 JavaScript 改成 JavaScript React 点击右下角的javaScript， 在弹出的选择框中， 输入选择JavascriptReact 阅读全文
posted @ 2019-07-05 12:11 SRH啦 阅读(1357) 评论(0) 推荐(0)
create-react-app 搭建项目流程
摘要：Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。 一、如何安装1、首先确保已经安装 node.js,可以到node.js官网 https://nodejs.org/en/ 下载安装包，下载好后傻瓜式一步安 阅读全文
posted @ 2019-07-05 11:24 SRH啦 阅读(1106) 评论(0) 推荐(0)
初始化 React 项目失败，解决方法
摘要：初始化 React 项目失败，提示如下： 1. 由于网络原因，某些依赖包加载失败，解决方法：设置 npm 镜像为 cnpm 阅读全文
posted @ 2019-07-05 11:10 SRH啦 阅读(451) 评论(0) 推荐(0)