![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 72
XK-Frank
这个作者很懒,什么都没留下…
展开
-
.map()和.filter()以及他们的区别
今天看到朋友写的一个数组对比,用的filter(),于是就想想起map(),都是对内部的元素一个一个去遍历,然后输出,到底有什么区别的。 先说下,jquery也有这两个方法,不过大家都懂得,他们都是对JavaScript进行的封装,我这里只说下JavaScript的。我们说的map()和filter()其实是: Array.prototype.map() 创建一个新的数组,其结果是该数组中每个元素...原创 2018-04-11 10:39:42 · 2921 阅读 · 0 评论 -
react
文档结构本文档划分为以下章节,前面几个章节是知识储备,最后章节是项目实践1 2React Flux Redux React-Router Roadhog Ant Design DVA 项目实践约束定语本文中蓝色字体为超链接本文中红色字体为特别注意内容1 2 3ReactReact是近期非常火热的一个前端开发框架,当然也有很多人认为它不是一个...转载 2018-09-11 16:53:36 · 525 阅读 · 0 评论 -
当你调用setState的时候,发生了什么事?
根据记录,问这些问题可能不是深入了解他们在使用 React 方面的经验的最佳方式。http://www.tuicool.com/articles/fqaqqmF之所以标题是《 React 常见的面试题》,其实只是想起一个比《在 React 里面,你可以知道也可以不知道的事, 但是你会发现他们确实很有用》要简单明了的标题而已。http://johannlai.com/2017/04/09/React...转载 2018-04-28 10:11:02 · 10045 阅读 · 2 评论 -
React - Router4
安装React Router被拆分成三个包:react-router,react-router-dom和react-router-native。react-router提供核心的路由组件与函数。其余两个则提供运行环境(即浏览器与react-native)所需的特定组件。进行网站(将会运行在浏览器环境中)构建,我们应当安装react-router-dom。react-router-dom暴露出rea...原创 2018-05-04 14:00:09 · 268 阅读 · 0 评论 -
常用 React中组件通信的几种方式 2021
React中组件通信的几种方式首次发表在个人博客需要组件之进行通信的几种情况父组件向子组件通信子组件向父组件通信跨级组件通信没有嵌套关系组件之间的通信1. 父组件向子组件通信React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息Child.jsximport React from 'react';import PropTypes from 'pro...原创 2018-05-02 12:01:10 · 524 阅读 · 0 评论 -
React+DVA开发实践
文档结构本文档划分为以下章节,前面几个章节是知识储备,最后章节是项目实践ReactFluxReduxReact-RouterRoadhogAnt DesignDVA项目实践约束定语本文中蓝色字体为超链接本文中红色字体为特别注意内容ReactReact是近期非常火热的一个前端开发框架,当然也有很多人认为它不是一个框架,因为它仅仅是作为MVC模式中的V层用来构建UI。在整个Web应用的MVC架构...原创 2018-04-19 14:03:54 · 376 阅读 · 0 评论 -
axios 安装
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的ID来发送请求axi...原创 2018-04-19 13:59:08 · 7519 阅读 · 0 评论 -
React组件生命周期
前言组件会随着组件的props和state改变而发生变化,它的DOM也会有相应的变化。一个组件就是一个状态机:对于特定的输入,它总会返回一致的输出。React组件提供了生命周期的钩子函数去响应组件不同时刻的状态,组件的生命周期如下:实例化存在期销毁期钩子函数是我们重点关注的地方,下面来详细了解下生命周期下的钩子函数调用顺序和作用。每个生命周期阶段调用的钩子函数会略有不同。下面的图片或许对你有帮助。...原创 2018-04-19 13:57:43 · 205 阅读 · 0 评论 -
browserHistory和hashHistory
首先 browserHistory 其实使用的是 HTML5 的 History API,浏览器提供相应的接口来修改浏览器的历史记录;而 hashHistory 是通过改变地址后面的 hash 来改变浏览器的历史记录;History API 提供了 pushState() 和 replaceState() 方法来增加或替换历史记录。而 hash 没有相应的方法,所以并没有替换历史记录的功能。但 r...原创 2018-04-11 10:40:47 · 2809 阅读 · 0 评论 -
2021年 React 高阶组件浅析
最近在一些项目中遇到高阶组件的身影,不是很了解,于是深入钻研了一番,以下权当是学习记录了~Mixin在谈及高阶组件之前,我们先来讲讲它的前身 mixin ~mixin 的作用是:如果多个组件中包含相同的方法(包括普通函数和组件生命周期函数),就可以把这一类函数提取到 mixin 中,然后在需要公共方法的组件中使用 mixin, 就可以避免每个组件都去声明一次,从而达到复用...原创 2019-07-10 13:52:58 · 378 阅读 · 1 评论