React

react中setState是同步还是异步的 React

react中setState是同步还是异步的

我们都知道,React框架是由数据来驱动视图变化的,基于状态的管理实现对组件的管理,也就是组件当中的state,通过setState方法来修改当前组件的state,以达到视图的变化。 我们先来看一段代···
react中key的作用是什么 React

react中key的作用是什么

key这个属性一般是在输出循环列表时,react要求我们填写的一个属性,如果不填的话,在控制台会给出警告,当然页面渲染也是可以正常渲染的,但是可能会引发一些不确定的bug,所以我们在写循环列表输出时还···
react-router 4.0组件使用 React

react-router 4.0组件使用

在之前的文章中简单介绍了router4.0版本的基本使用,在这里继续详细介绍一个如何使用4.0版本以及各组件都提供了哪些属性。 BrowserRouter 先从这个组件来说,这是一个使用了 HTML5···
react-router之onEnter和onLeave React

react-router之onEnter和onLeave

在之前介绍过react-router的使用,在这里我们介绍一下路由的onEnter和onLeave,顾名思义,分别是路由进入之前和路由离开之前,我们可以在这段时间内做一些处理。比如下面这个例子 <···
react中使用swiper React

react中使用swiper

最近的react项目需要使用轮播图,自然而然的就想到了swiper,一直想通过npm安装的方式来使用,但是网上找了很多,资料很少,于是就暂时通过在index.html里直接引用swiper的js和cs···
React router 4.0之参数传递 React

React router 4.0之参数传递

在前一篇文章中说到了react router 4的路由如何配置,这篇文章说一下路由跳转的参数问题。路由跳转传参一种方式是在link标签上写参数,另一种方式是通过方法传递参数,下面依次说一下。 先来说一···
React-router 4.0之路由配置 React

React-router 4.0之路由配置

react-router 4.0已经发布了很长一段时间了,和3.x的API相比改动了很多地方。它遵循React的设计理念,即万物皆组件。所以 RR4 只是一堆提供了导航功能的组件(还有若干对象和方法)···
React组件相关API React

React组件相关API

在React中,我们通过组件来将页面结构组件化,形成一个个独立的模块,方便了程序的开发,在组件内部定义了一系列的API来供开发者调用,操作组件内的数据或是DOM结构。在React中主要有一下几种组件A···
react组件间的通信 React

react组件间的通信

在使用react过程中,不可避免的需要组件间的数据通信,数据通信一般情况有一下几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面将依次来说一下这几种组件间通信···
通过脚手架来构建react项目 React

通过脚手架来构建react项目

前言 在刚开始学习react时,基本上是通过手动来搭建项目的整个框架结构,包括webpack的配置文件,各种插件的安装及配置,如果每次构建项目都这么做,那么会浪费掉很长的一段时间。所以希望有一个类似于···