react
那不是我的月亮a
这个作者很懒,什么都没留下…
展开
-
react刷新后执行的是什么
react组件,手动刷新后,执行的为componentDidMount()函数原创 2019-11-21 17:41:54 · 502 阅读 · 0 评论 -
React中的hook 以及 router
hook作用: 可以让我们在函数式组件中添加state,也可以让我们使用部分生命周期钩子函数useState useEffect import React,{ useState,useEffect } from 'react' const Item = ( props ) => { return <li> { props.content } <...原创 2019-06-20 19:30:56 · 3132 阅读 · 0 评论 -
Flux使用流程
Flux使用流程Flux的使用流程要想使用FLux架构思维,需要通过一个工具进行使用, 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录,里面新建index.jsstore有两个功能存储数据当数据发生改变时,视图要进行更新 ( 当前组件中的state发生了改变,从新从store中获取数据,要想重新复制,那么要通过事件的发布,订...原创 2019-06-20 19:32:08 · 177 阅读 · 0 评论 -
redux以及react-redux、redux-thunk
reduxredux也是一个架构思维, 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – start ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维,我们实现需要一个工具,这个工具叫做redux安装redux$ yarn ...原创 2019-06-21 09:25:29 · 142 阅读 · 0 评论 -
Mbox
MobxMobx是一个功能强大,上手非常容易的状态管理工具。redux的作者也曾经向大家推荐过它,在不少情况下可以使用Mobx来替代掉redux。这张图来自于官网,把这张图理解清楚了。基本上对于mobx的理解就算入门了。官网有明确的核心概念使用方法,并配有egghead的视频教程。这里就不一一赘述了。要特别注意当使用 mobx-react 时可以定义一个新的生命周期钩子函数 compon...原创 2019-06-21 20:17:23 · 4192 阅读 · 0 评论 -
webpack
React学习内容webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有[rollup.js] (https://www...原创 2019-06-17 20:57:37 · 153 阅读 · 0 评论 -
react事件
事件处理绑定事件采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写onclick, React里的事件是驼峰onClick,React的事件并不是原生事件,而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法,然后在render里直接使用...原创 2019-06-17 20:58:46 · 97 阅读 · 0 评论 -
react组件以及组件的数据挂载方式
元素与组件如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这样:import React from 'react'import ReactDOM from 'react-dom'// 这里感觉又不习惯了?这是在用JSX定义一下react元素const app = '<h1>欢迎进入React的世界</h1>'Re...原创 2019-06-17 21:00:02 · 1916 阅读 · 0 评论 -
react生命周期
组件初始化阶段constructor ( props ) {/* 1. 通过super来继承父类身上传递过来的属性,让后当前组件通过this.props接收 2. 用来初始化一个状态 3. 用来初始化绑定一个方法,将this传递给这个方法 注意: 不写方法的触发( 订阅 ) 不写具有副作用的代码( 比如: 计时器 )*/ super( p...原创 2019-06-17 21:04:52 · 124 阅读 · 0 评论