
React
哈!小白要成长!
这个作者很懒,什么都没留下…
展开
-
react+wangeditor+图片上传服务器
一、安装 wangeditor1、python 环境下载安装 python 2.x 版本去官网 www.python.org 下载 2.7.18 版本,点击安装,整个安装过程十分简单,只有一个地方需要注意:设置自动添加环境变量安装好之后,打开cmd,输入python,看到版本号即为成功2、安装 wangeditornpm install wangeditor --save...原创 2020-07-07 15:45:21 · 1438 阅读 · 0 评论 -
react 中一些知识点--defaultProps、prop-types、context
一、defaultProps:初始化外界属性值static defaultProps = { initCount: 0 // 如果外界没有传递 initCount,则会将其值初始化为0}render() { return ( <div> 当前数量:{this.props.initCount} </div> )}静态属性 defaultProps:在组件创建之前,会先初始化默认的 props 属性,这在全局调用一次。严格地说,这不是组件生命周期的一部原创 2020-06-14 22:21:33 · 2087 阅读 · 0 评论 -
react-router-dom 路由安装和简单使用操作
安装cnpm install react-router-dom --save使用hashRouter和BroswerRouterexact:精准匹配默认情况下,只要路径中从前往后完整的包含每一个路由,那么这个路由对应的页面就会显示出来如:/mine/ucenter 中包含 /mine,则地址为 http://localhost:8000/#/mine/ucenter 时,二者对应的页面都会显示出来;如果地址为 http://localhost:8000/#/mine 时,只有后者对应的页面会原创 2020-06-06 14:42:40 · 1285 阅读 · 1 评论 -
react-路由传参
路由传参用到 render<Route path='/demo' render={(props) => <Demo {...props} name='你好' />}></Route>完整案例如下1、传参App.jsimport React from 'react';import { BrowserRouter, HashRouter, Switch, Route, Link } from 'react-router-dom'import Demo f原创 2020-06-06 14:21:56 · 391 阅读 · 0 评论 -
react-封装 fetch 请求方法
1、封装请求创建 http.js/** * 封装请求 */import qs from 'querystring'/** * get */export function httpGet(url) { const result = fetch(url) return result}/** * post */export function httpPost(url, params) { const result = fetch(url, { method: 'P原创 2020-06-05 14:30:40 · 1812 阅读 · 0 评论 -
react-解决 fetch 跨域问题:Access to fetch at xxx from origin yyy has been blocked by CORS policy
报错解决在 package.json 中添加代码"proxy": "http://tingapi.ting.baidu.com" // 这是你要访问的域然后重新运行,否则会报如下错误:请求成功:关于跨域常用解决方法:jsonpCORS代理 proxy什么是跨域常用解决方案开发模式下:react、vue都提供了解决方案生产模式下:jsonp、cors、iframe、postMessage、……...原创 2020-06-05 10:15:20 · 37635 阅读 · 0 评论 -
React 学习笔记(二):生命周期;axios
学习视频源自:https://www.bilibili.com/video/BV1Et41137Sb?p=4UP 主:Java基基机构:尚硅谷原创 2020-05-26 11:15:32 · 815 阅读 · 0 评论 -
antd 之onChage事件添加自定义参数——在默认事件中,添加自定义参数
onChange 拥有两个默认参数:Function(checked: boolean, event: Event) 保留一个 checked,增加一个自定义的参数 code。使用箭头函数来实现1、在switch组件中:onChange 事件<Switch onChange={(checked)=>this.isLockChange(checked,code)} />2、在 onChange 绑定的方法中:isLockChange=(checked: any, code: st原创 2020-05-21 15:42:20 · 5011 阅读 · 3 评论 -
React+typescript+antd 记录:input 中 onChange 事件取值问题(只能拿到上次输入的值)
input 中 onChange 事件取值问题react input Onchange 事件不能立刻拿到值,只能拿到上次输入的值代码:<Input className="search-input" value={this.state.searchValue} onChange={this.handleChange}/>handleChange(e){ this.setState({ searchValue: e.target.value}); console.log(this转载 2020-05-12 14:08:19 · 5711 阅读 · 0 评论 -
React 学习笔记(一):JSX;工厂函数组件、ES6类组件;三大属性(state、props、refs)
学习视频源自:https://www.bilibili.com/video/BV1Et41137Sb?p=4UP 主:Java基基一、相关浅析1.1 ReactReact:用于构建用户界面的 JavaScript 库Rreact 高效的原因:虚拟 DOM;DOM Diff 算法,最小化页面重绘(更新元素)在虚拟DOM上做修改,然后虚拟DOM再去操作真实DOM1.2 babelB...原创 2020-04-28 12:59:35 · 1127 阅读 · 0 评论