随笔分类 - React
摘要：在写样式的时候，有时候会有公共 class 和 特定 class 组合的形式，这样可以减少 css 的代码量。 给 react 中的元素添加多个 className 的方式有 3 种： 1、使用 classnames 库 npm install classnames --save 安装依赖 impo
阅读全文
摘要：Effect Hook 可以让你在函数组件中执行副作用操作(数据获取，设置订阅，手动更新组件都属于副作用)。 首先依然是 引入 import React, { useState, useEffect } from 'react'; 使用： useEffect(() => { document.tit
阅读全文
摘要：Hook 在 class 内部是不起作用的，但你可以使用它们来取代 class。 Hook 是一个特殊的函数，它可以让你 “钩入” React 的特性。useState 就是在函数组件中 使用 state 特性的 Hook。 import React, { useState } from 'reac
阅读全文
摘要：React Hook Hook 是 React 16.8 的新增特性，它可以让你在不使用 class 的情况下，使用 state 以及其他的 React 特性。React 16.8.0 是第一个支持 Hook 的版本。 注意： Hook 是完全可选的、100% 向后兼容，Hook 和现有代码可以同时
阅读全文
摘要：pdfh5插件使用 项目中用到了PDF预览功能，初始使用的是 react-read-pdf 插件。但是有一个问题，就是无法显示扫描的营业执照、盖章等等问题。 因此更换之后使用上面插件，此插件预览是通过切成图片然后来显示，其实显示的不是源文件，而是切割后的图片。 安装 npm install pdfh
阅读全文
摘要：cross-env GitHub地址 React 环境变量 开发中请求后端接口时，会有一个公共的请求地址（服务器域名地址 BASEURL）。 通常情况下，开发环境、线上环境的 BASEURL 接口地址是不一样的（开发环境服务器，uat服务器，生产服务器），所以不同环境打包时就需要切换到不同环境的服务
阅读全文
摘要：前端开发过程中在与后端对接之前需要自己先造出一些数据，比如：mock等 图片验证码同样也需要前端自己先生成。 使用插件 react-captcha-code 这是一个基于React(依赖react, react-dom) 和 Canvas 的小插件 安装 npm install react-capt
阅读全文
摘要：有阵子没有使用Ant，前几天使用发现已经到了4.3了。 Form表单组件一直是很常用的组件。使用过程中的注意项，记录笔记留痕。（仅添加相关的代码） 1、validatemessages 属性（验证提示模板）。 要想使用 validatemessages 生效，首先要给 FormItem 配置上相关规
阅读全文
摘要：react 组件是非常常用的，写组件时要考虑值得边界问题。比如，默认值问题。 有时 我们使用别人的组件 或者 别人使用我们写的组件漏掉一个 props值可能就会引发问题，导致无法运行项目。这就需要花时间去找问题。 简单组件还好，复杂逻辑得可能就很费时间，因此给组件设置默认值，就很有必要。设置默认值也
阅读全文
摘要：react中事件绑定需要用到onClick来绑定点击事件。 一般直接写： handleSubmitForm = e => { // 方法内处理 } // render方法 <Button onClick={this.handleFunction} >上一步</Button> 当需要传参时，有两种写法
阅读全文
浙公网安备 33010602011771号