react专栏
react的一些知识
致我逝去的青春
人生可以浓缩成三句话:1、你的责任就是你的方向,你的经历就是你的资本,你的性格就是你的命运。2、复杂的事情简单做,你就是专家;简单的事情重复做,你就是行家;重复的事情用心做,你就是赢家。3、美好是属于自信者的,机会是属于开拓者的,奇迹是属于执著者的
展开
-
React路由的使用和基本配置,及其数据传递
一.路由的小案例 1.容器组件的区别 容器组件的区别 • BrowserRouter: 浏览器自带的H5 API,restful风格,需要配合后台; • HashRouter: 使用hash方式进行路由,路径后均有#; • MemoryRouter: 在内存中管理history,地址栏不会变化。在reactNative中使用。 在开发时我们一般使用HashRouter,上线后我们改用Br...原创 2020-04-19 11:58:07 · 359 阅读 · 0 评论 -
Redux基本解析及其使用和React-Redux
一.Redux 解析 1).统一数据管理 将所需的数据提取到state中统一进行管理。当渲染后我们希望更改状态,封装更改状态的方法(dispatch) 2).实现dispatch 不要直接更改状态而是使用dispatch方法进行状态的更改,派发一个带有type的属性来进行状态的更改,但是依然无法阻止用户更改状态. 3).createStore的实现 将状态放到了createStore函数中,...原创 2020-04-19 11:37:43 · 151 阅读 · 0 评论 -
仿写 ReactDOM.render
class Element { constructor(type, attr, children) { // 这个里面的this指向当前Element的实例; // 给Element的实例新增键值对 this.type = type; this.props = { ...attr, children: children } ...原创 2020-04-18 17:43:04 · 162 阅读 · 0 评论 -
React生命周期及组件和其通信方式
一.React 生命周期 • 参考网址:https://www.jianshu.com/p/eac35ef92e4c • 第一次执行 a. 处理属性(获取默认值和校验传递属性的类型) b. 处理状态(执行constructor获取初始的状态信息) c. componentWillMount第一次组件渲染之前 ⅰ. 从服务器获取数据(把获取的数据重新赋 值给状态或者存放到Red...原创 2020-04-18 17:33:44 · 735 阅读 · 0 评论 -
React 框架基础了解及虚拟DOM的解析
官网网址:https://react.docschina.org/ React 是一个用于构建用户界面的JavaScript库 核心专注于视图,目的实现组件化开发 每个引入的组件里有什么东西 react是核心模块,里面有创建组件,属性和状态的管理 react-dom把虚拟dom转变为真实dom原创 2020-04-18 16:16:00 · 434 阅读 · 0 评论