自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 create-react-app :无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\create-react-app.ps1,因为在此系统上禁止运行

解决1.Windos PowerShell 用管理员身份运行2.打开了命令行之后,输入set-ExecutionPolicy RemoteSigned,并且把权限改权限为A,然后通过 get-ExecutionPolicy 查看当前的状态

2021-09-28 14:06:59 266

原创 dva 切换 history 为 browserHistory 报错

报错:Module not found: Can't resolve 'history/createBrowserHistory'解决// import createHistory from 'history/createBrowserHistory';// 报错 Error: Cannot find module 'history/createBrowserHistory';// 改成import { createBrowserHistory as createHistory} from

2021-09-20 21:39:45 403

原创 npm ERR: Could not install from “Files\npm-cache“

问题:在使用umi 创建项目时报错PS C:\Users\Administrator\Desktop\dva> npx @umijs/create-umi-appnpm ERR! code ENOLOCALnpm ERR! Could not install from "Files\nodejs\node_cache\_npx\6696" as it does not contain a package.json file.npm ERR! A complete log of this ru

2021-09-17 11:28:00 1705 3

原创 React 纯组件 PureComponet

说明:PureComponet 与 React.Component 功能相似区别:PureComponet 内部自动实现了shouldComponentUpdate 钩子 不需要手动比较原理:纯组件内部通过分别对比前后俩次props和state的值,来决定是否重新渲染组件如果没有数据的变化,则不会重新渲染组件class Hello extends React.PureComponet{ render(){ return ( <div>纯组件</div&

2021-09-16 19:04:50 428

原创 React 生命周期相关

生命周期&& 意义:有助于理解组件的运行方式,完成更复杂的组件功能,分析组件错误原因&& 组件的生命周期:组件从被创建到挂载到页面运行,再到组件不再用时卸载的过程&& 生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数&& 钩子函数的作用:为开发人员在不同阶段操作组件提供时机&& 只有类组件才有生命周期生命周期的三个阶段重点:1.每个阶段的执行时机2.每个阶段钩子函数的执行顺序3.每个阶

2021-09-16 18:56:08 64

原创 react props校验操作--PropTypes

说明:对于组件来说,props是外来的,无法保证组件使用者传入什么格式的数据如果传入的数据格式不对,可能会导致组件内部报错关键问题:组件的使用者不知道明确的错误原因作用1.允许创建组件的时候 指定props的类型,格式2.捕获使用组件时因为props导致的错误,给出明确的错误指示 增加组件的健壮性使用步骤1.下载安装npm i prop-types oryarn add prop-types2.在需要的组件中导入prop-types包import PropTypes from '

2021-09-16 18:27:08 378

原创 react ref属性的简单使用说明

在react中 ref属性的相关使用// An highlighted block <input id="inp" className="input" value={this.state.inputValue} type="text" onChange={this.inputChange.bind(this)} ref={(input) => { this.input = input }} />拿到的this.input就是该inp

2021-09-16 18:04:32 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除