
React
你生活的野猫 嘴是我的绝招
卿卿qing
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
报错
请求后台数据HTTP 400,422 状态码,422 Unprocessable Entity 意思是:请求格式正确,但是由于含有语义错误,无法响应出现的原因:可能是数据嵌套的对象太深,找不到...原创 2019-07-12 20:20:17 · 646 阅读 · 0 评论 -
在 mobx 仓库使用 Promise 请求异步数据报错
解决方法:return new Promise()getBannerListAsync(url) { return new Promise((resolve, reject) => { axios.get(url).then(({data:{slides:slides}}) => { resolve(slides) }).catch((err...原创 2019-07-26 19:41:50 · 598 阅读 · 0 评论 -
路由
在URL中采用#号来作为当前视图的地址,改变#号后的参数,页面并不会重载下包 npm i vue-router新建文件夹 router/index.jsimport Vue from "vue"import VueRouter from "vue-router" //是vue第三方插件import Home from "./views/home"Vue.ues(VueRouter...原创 2019-05-21 21:25:18 · 232 阅读 · 0 评论 -
react 中的 createRef,createContext,forwardRef
createRefreact 即将抛弃 <div ref = 'myDiv' />这种 string ref的用法,将来只能使用俩种方式来使用 refclass App extends React.Component{ constructor(){ this.ref = React.createRef() } render(){ return <div ref ...原创 2019-09-17 14:47:57 · 414 阅读 · 0 评论 -
React
组件的划分业务组件(每个功能对应的业务逻辑的划分)展示组件(列表,按钮,表单,……)容器组件(包装的盒子,页面组件)UI 组件生命周期render 的用法在 react 中有俩个 render,一个是组件内部的 render,一个是 react-dom 的 render组件内部的 render 用来返回一个虚拟 dom,在里面不能修改 state,只能读取虚拟 dom 是通...原创 2019-09-05 13:12:10 · 133 阅读 · 0 评论 -
为什么选择使用 react 框架来做项目?
主要原因是因为前期我们交接的项目一直使用“”三无框架“”,无测试用例,无充分论证,无人维护,导致我们的项目开发效率,维护效率低;而 react 的组件化,单项数据流,Virtual Dom 及增量跟新,生态圈大,JSX , Learn Once , Write Everywhere 等特性刚好可以弥补我们项目的劣势.在项目中 react 可以通过构建工具,统一状态管理,开发效率提升,路由控制器这...原创 2019-08-28 09:18:24 · 1227 阅读 · 0 评论 -
使用 mobx 搭配 react 项目,es7 的预定义语法报错,代码出现下波浪
解决方法:在项目根目录创建 jsconfig.json,内容为{ "compilerOptions": { "experimentalDecorators": true, "emitDecoratorMetadata": true }}原创 2019-07-23 17:27:17 · 319 阅读 · 0 评论 -
新建的 create-react-app 框架,执行 npm run eject 报错
解决方法:先 git add .再 git commit -m “name”执行 npm run eject原创 2019-07-23 17:03:39 · 162 阅读 · 0 评论 -
react 生命周期
创建阶段constructorstatic getDerivedStateFromProps(nextProps,prevState){return{}} 用static关键字,监听props变化,更新state状态,必须return一个对象或null,返回对象,会通过setState更新组件,返回null不会更新rendercomponentDidMount变化阶段sho...原创 2019-07-02 15:44:48 · 222 阅读 · 0 评论 -
Babel
Babel 转译器会把 JSX 转换成一个 React.createElement() 的方法调用。原创 2019-07-02 14:19:32 · 136 阅读 · 0 评论 -
react-redux
connect 中第一个函数return返回对象的内容扩展到组件的props上原创 2019-06-23 19:48:59 · 139 阅读 · 0 评论 -
如何利用前端框架上传本地图片
React用 require 引入原创 2019-06-21 15:49:16 · 592 阅读 · 0 评论 -
react 路由
下包react-router-dom分俩种路由模式 hash 和 history所有的根组件只能调用一次,因为一个浏览器只有一个url地址,且所有的组件只能在根组件内使用HashRouter组件使用window.location.hash 和 hashchange 事件构建路由BrowserRouter组件使用pushState 和 popState 事件构建路由使用h...原创 2019-06-17 14:22:09 · 295 阅读 · 1 评论 -
Redux
下包引入创建仓库const store = createStore(reducer,{初始值})createStore 接收三个参数reducer 必须是个函数,当dispatch,接收俩个参数,上一次的状态—state,action—是一个对象,{type},返回最新的状态preloadState 初始化stateenhancerreducerconst red...原创 2019-06-20 12:01:32 · 166 阅读 · 0 评论 -
React
虚拟DOM浏览器中的概念,用JS对象来表示页面上的元素,并提供了操作DOM对象的API是框架的概念,是程序员用JS对象来模拟页面上的DOM元素和DOM嵌套为了实现页面的高效更新diff算法tree组件元素...原创 2019-06-06 11:38:07 · 262 阅读 · 0 评论