随笔分类 - React
react一些知识
摘要：``` 这些生命周期钩子已重命名。你仍然可以使用旧版本周期函数，但控制台会报警告。 componentWillMount → UNSAFE_componentWillMount componentWillReceiveProps → UNSAFE_componentWillReceiveProps componentWillUpdate → UNSAFE_componentWillUpdate 对
阅读全文
摘要：####1、params传参(刷新页面后参数不消失，参数会在地址栏显示) 路由页面：<Route path='/demo/:id' component={Demo}></Route> //注意要配置 /:id 路由跳转并传递参数： 链接方式：<Link to={'/demo/'+'6'}>XX</L
阅读全文
摘要：转自 https://www.jianshu.com/p/514fe21b9914 周期 第一个是组件初始化(initialization)阶段 第二个是组件的挂载(Mounting)阶段 此阶段分为componentWillMount，render，componentDidMount三个时期。 第
阅读全文
摘要：react使用if else语句的方法 map语法 关于json字符串，json对象之间的转换 json对象和json字符串的区别 判断一个数组是否为空 百度编辑器 线上部署 获取验证码倒计时 线转树方法处理特殊数据格式 内容不易设置时先const一个参数，再调用这个参数 创建一个util.js文件
阅读全文
摘要：删除接口，弹出模态框询问，回调函数写在一个函数里 productDelete=(productInfo)= { Modal.confirm({ title:"删除产品", content: , centered:true, okText:"确定", cancelText:"取消", onOk:asy
阅读全文
摘要：一.行间定义事件后面使用bind绑定this 二.在构造函数内部声明this指向 三.声明事件时将事件等于一个箭头函数 四.行间定义事件使用箭头函数
阅读全文
摘要：搭建react整体框架 解决react脚手架不支持less的问题 react项目文件层次架构 src/utils/iconfont.js src/api/config.js src/api/index.js src/api/statecode.js src/api/login.js import a
阅读全文
摘要：全局配置 1 安装axios npm install axios S 2 安装cookie npm install react cookies S 3 src文件目录下新建文件夹api 4 api 下新建statecode.js //该页面用来返回请求状态 export default { " 1"
阅读全文
摘要：声明，本博客摘自：https://segmentfault.com/a/1190000002675685 表单组件像 input、textarea 不同于其它的原生组件，因为它们会随着用户交互而改变。这些组件提供了接口方便我们管理这些交互。 交互属性 表单组件提供了一些受用户交互影响的属性 valu
阅读全文
摘要：调用后返回上一页&&跳转至当前页 调用后重新渲染当前页&&跳转至当前页 代码解析 点击按钮复制相关内容(这里以复制链接为例) npm i save copy to clipboard //首先安装相关包 import copy from 'copy to clipboard'; //引入模块 ren
阅读全文
摘要：1引入react router dom包（前面属讲解部分，可以直接拉至下方看demo） 2 创建并暴露router.js文件，并在index.js里引入，之后在其他页面使用Link便可。页面模板如下 嵌套路由样式共用 路由目录层级涉及的路径问题(path,Link) 默认路由 一个完整的默认进入登录
阅读全文
摘要：编写习惯 日期选择组件设置为中文 form表单需要额外Form.create并且暴露组件 表格在export defult class ...内部使用 state的true与false应用 正则表达式使用 antd,modal属性 react里写js ``` react插入图片 单张引入 多张引入(
阅读全文
摘要：初始配置 $ 1 创建基本的webpack项目 创建目录 创建package.json 安装 包 在根目录创建webpack.config.js并写入相应代码 终端里输入 进行打包，之后dist文件夹里多出个main.js，打包成功 配置实时打包编译 中`scripts "dev": "webpac
阅读全文
