react
记.点滴
这个作者很懒,什么都没留下…
展开
-
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 · 390 阅读 · 0 评论 -
npm ERR: Could not install from “Files\npm-cache“
问题:在使用umi 创建项目时报错 PS C:\Users\Administrator\Desktop\dva> npx @umijs/create-umi-app npm ERR! code ENOLOCAL npm 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 · 1658 阅读 · 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 · 409 阅读 · 0 评论 -
React 生命周期相关
生命周期 && 意义:有助于理解组件的运行方式,完成更复杂的组件功能,分析组件错误原因 && 组件的生命周期:组件从被创建到挂载到页面运行,再到组件不再用时卸载的过程 && 生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数 && 钩子函数的作用:为开发人员在不同阶段操作组件提供时机 && 只有类组件才有生命周期 生命周期的三个阶段 重点: 1.每个阶段的执行时机 2.每个阶段钩子函数的执行顺序 3.每个阶原创 2021-09-16 18:56:08 · 57 阅读 · 0 评论 -
react props校验操作--PropTypes
说明: 对于组件来说,props是外来的,无法保证组件使用者传入什么格式的数据 如果传入的数据格式不对,可能会导致组件内部报错 关键问题:组件的使用者不知道明确的错误原因 作用 1.允许创建组件的时候 指定props的类型,格式 2.捕获使用组件时因为props导致的错误,给出明确的错误指示 增加组件的健壮性 使用步骤 1.下载安装 npm i prop-types or yarn add prop-types 2.在需要的组件中导入prop-types包 import PropTypes from '原创 2021-09-16 18:27:08 · 357 阅读 · 0 评论 -
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 · 110 阅读 · 0 评论