深入理解 React 高阶组件

在目前的前端社区,『推崇组合,不推荐继承(prefer composition than inheritance)』已经成为了比较好的实践,mixin 也因为自身的一些问题而渐渐不被推荐。高阶组件(Higher order components)作为 mixin 之外的一种组件抽象与处理形式,有哪...

2019-06-18 19:44:16

阅读数 26

评论数 0

React获取input的值并提交的两种方法

方法一利用DOM提供的Event对象的target事件属性取值并提交 import React from 'react'; class InputDemo extends React.Component{ state = { InputValue : "",//输入框...

2019-06-18 10:03:47

阅读数 15

评论数 0

react prop-types的使用讲解

1.引言--JavaScript就是一个熊孩子 1.1对于JSer们来说,JS是自由的,但同时又有许多让人烦恼的地方.javascript很多时候就是这么一个熊孩子,他很多时候并不会像Ç和java的这些“好孩子”那样循规蹈矩。因此给我们带来许多烦恼 <1>运...

2019-06-14 11:32:22

阅读数 28

评论数 0

ES6-字符串

字符串的子串识别 includes()方法,如果在字符串中检测到指定文本则返回true,否则返回false。 startsWith()方法,如果在字符串的其实部分检测到指定文本则返回true,否则返回false。 endsWhit() 方法, 如果在字符串的结束部分检测到指定文本则返回tru...

2019-06-12 20:51:22

阅读数 97

评论数 0

React 组件条件渲染的几种方式

一、条件表达式渲染 (适用于两个组件二选一的渲染) 1 render() { 2 const isLoggedIn = this.state.isLoggedIn; 3 return ( 4 <div> 5 {isLogge...

2019-06-12 17:28:44

阅读数 29

评论数 0

React Router中Link和NavLink的学习总结

Link 现在,我们应用需要在各个页面间切换,如果使用锚点元素实现,在每次点击时,页面被重新加载,React Router提供了<Link>组件用来避免这种状况发生。当 你点击<Link>时,url会更新,组件会被重新渲染,但是页面不会重新加...

2019-06-12 15:19:50

阅读数 30

评论数 0

通过示例来学习ES2016, 2017, 2018的新特性

译者按:本文系统地总结了所有的新特性,并用浅显的例子解释。 原文:Here are examples of everything new in ECMAScript 2016, 2017, and 2018 译者:Fundebug 本文采用意译,版权归原作者所有 小编推荐:Fundebu...

2019-06-12 10:51:12

阅读数 75

评论数 0

ES6/7/8新特性Promise,async,await,fetch带我们逃离异步回调的深渊(推荐阅读)

Promise: 在ES6以前如果我们需要在js中进行异步处理,大多数都是通过使用回调函数的方式来解决问题,如果简单的异步处理,回调函数的方式看起来还是比较优雅的,逼格还有点高,但是如果异步操作很多,回调嵌套就很深,代码看起来就会特别别扭,维护起来成本也会变高这个时候ES6带来Promise这个新...

2019-06-12 10:47:16

阅读数 45

评论数 0

create-react-app 配置proxy的方法

最近create-react-app在"package.json"的"proxy"中不再支持写object只支持字符串了(可以简单写成"proxy": "http://localhost:3001",),那么我们该如何...

2019-06-12 10:40:41

阅读数 37

评论数 0

Fetch使用方法

前言:   fetch是用来取代传统的XMLHttpRequest的。它的优点很多,包括链式调用的语法、返回promise等。 什么是fetch?   fetch api是基于promise的设计,它是为了取代传统xhr的不合理的写法而生的。 WHY fetch?   xhr请求...

2019-06-11 19:26:33

阅读数 41

评论数 0

react项目整合express+mock实现模拟接口数据

前言 我们都知道在实际的开发阶段,后端接口开发是和前端开发同步进行,甚至迟于前端的进度,这就直就导致前端需要等待后端接口的时间。 这种情况就严重导致前端开发缓慢,那这时候前端的开发人员只能写静态模拟数据。 使用静态的json来模拟数据 这种情况是按照既定的数据格式(接口文档等),自己提供静态...

2019-06-11 16:27:34

阅读数 55

评论数 0

react store 页面刷新 数据不能持久化

所谓单页应用,就是在不刷新浏览器的情况下可以在整个网页应用实时共享数据。 store是内存机制,不是缓存机制,页面刷新和关闭都会导致store初始化,store里面一般保存什么数据呢? 1、组件的初始状态; 2、后端数据的初始状态; 如果你需要存储时数据是要实时存储并且读取显示出来,那么存在本地缓...

2019-06-10 16:11:33

阅读数 28

评论数 0

你要的 React 面试知识点,都在这了

摘要: 问题很详细,插图很好看。 原文:你要的 React 面试知识点,都在这了 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 React是流行的javascript框架之一,在2019年及以后将会更加流行。React于2013年首次发布,多年来广受欢迎。它是一个声明性的、...

2019-06-04 09:58:45

阅读数 26

评论数 0

export default与export的区别

1.export default 和export都可以用于导出常量,函数,文件,模块等; 2.可以在模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用 3.在一个文件或者模块中,export,import可以有多个,但是export defa...

2019-05-31 14:59:06

阅读数 24

评论数 0

react 系列教程转载(推荐阅读)

1.React基础(一)https://blog.csdn.net/qq_38277366/article/details/82841241 2.一张图了解React组件的生命周期(二)https://blog.csdn.net/qq_38277366/article/details/82862...

2019-05-30 19:58:23

阅读数 29

评论数 0

React(dispatch与参数传递)

只允许两种形式 onClick={fn}; 或 onClick={()=>{fn()}}; //onClick={()=>{fn(id)}}; 不能这么写 onClick={fn(id)}; 此外 onClick={()=>{fn()...

2019-05-30 17:18:47

阅读数 135

评论数 0

在react中class和function组件调用dispatch的方式

copy党的疑问 function Checklist({ dispatch, list: dataSource, loading, total, page: current }) { function editHandler(id, values) { dispat...

2019-05-30 17:17:44

阅读数 119

评论数 0

react使用redux时reducer的重用和去switch判断

通常在redux中写reducer时,根据action传递过来的type,进行判断,数据处理也是在reducer中。当然不用if 就用switch,大多数还用的switch export default (state = initState, action) => { swit...

2019-05-30 16:49:38

阅读数 23

评论数 0

关于Redux框架,Reducer中state处理方式的探讨

前言 在react+redux项目里,关于reducer中处理state的方式,在redux官方文档中有这样一段描述 (链接): 不要修改 state。 使用 Object.assign() 创建了一个副本。不能这样使用 Object.assign(state, {visibilityFi...

2019-05-30 16:39:27

阅读数 21

评论数 0

redux学习-简单实例(推荐阅读)

原文链接:https://blog.csdn.net/weixin_43154931/article/details/82585998

2019-05-30 16:14:14

阅读数 60

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭