本地存储 localstorage 判断用户是否登录 APP.js import React, { Component } from 'react'; import { BrowserRouter, Switch, Ro…
分类:react.js
【学习记录】4.写一个react的Hello World
前言:接我前三章笔记。删除src下所有文件。我们自己一步一步写。 入口文件的编写 1.在src下新建文件index.js。 import React from "react"; //引入react import Reac…
初学React高阶函数
React和高阶函数的定义就不说了,主要是记录下小白看react库时大佬用高阶组件时看不懂的地方。 export const createCesiumComponent = <E, P, C, CC = {}, R…
webpack中遇到的问题
我的浏览器中错误提示:Warning: React.createElement: type is invalid — expected a string (for built-in components) o…
移动端类微信图片浏览组件 react-wx-images-viewer
描述 react-wx-images-viewer是一个通用型的移动端图片浏览 React 组件。主要功能仿照微信图片浏览功能开发。支持单指左右滑动切换图片,双指拖拽放大缩小图片。 通过 ReactDOM 在 body …
React生命周期
React生命周期 react可以将页面分成一个一个独立或嵌套的组件,使得整体代码可复用性特别高;react组件的挂载到销毁的过程中有七个生命周期钩子函数,可以在不同的生命周期函数中写业务逻辑代码 componentWi…
create-react-app 2.0中使用antd(eject)
早些时候CRA(create-react-app)升级到2.0.3的时候, react-app-rewired没有跟着升级, 导致项目无法启动, 于是乎直接eject 开始改造项目. 查看版本 > create-r…
react-refetch的使用小例子
出处:《react设计模式和最佳实践》 作者:米凯莱·贝尔托利 出版时间:2018年8月第1版(还算新) 使用react-refetch来简化api获取数据的代码 const List = ({data: gists})…
react-hooks中的一些懵逼点
前言:一直对这个新特性非常感兴趣,终于今天有时间,花了大半天时间,把 Hooks的官方教程过了一遍,收获颇多,惊叹这个新特性真 TM 好用,以后开发用这个怕是要起飞了😆。 状态钩子(State Hook)…
前端点滴
走在前端的大道上 持续更新,最后更新时间2017年6月19日 从 JavaScript 作用域说开去 不再彷徨:完全弄懂JavaScript中的this(译文总结) 你不知道的JSON.stringify()妙用 深入理…
react中context到底是如何传递的-源码分析
react中使用context 基本要求就是 父组件中声明Parent.prototype.getChildContext 父组件中声明Parent.childContextType 子组件声明 Child.contex…
React一——起源、安装、jsx
React 起源 官网:https://doc.react-china.org/d…Facebook公司出品,因为对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Ins…