![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
weixin_44889992
这个作者很懒,什么都没留下…
展开
-
react基础
webpack webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等 按照webpack的指南(...原创 2019-05-15 08:46:53 · 110 阅读 · 0 评论 -
组件数据挂载方式
组件数据挂载方式 react中将数据细分为两个类型 props 属性 举例: 一出生就具备特性 state 状态 举例: 可以改变的特性、属性 props 外部传入 父组件通过 属性的形式 将 数据可以绑定在子组件身上 , 子组件通过 this.props 获得 外部传入的props只能通过外部修改 ( 单项数据流 ) 内部设置 内部通过 className.defaultPro...原创 2019-05-15 08:47:46 · 267 阅读 · 0 评论 -
react--事件
原生js — 事件 事件概念 构成 谁触发: DOM 事件触发的形式: on addEventListener 事件类型: click keyup keydown 事件处理程序 事件对象 事件传参 var box = doucment.querySelector( 'div' ) box.onclick = function(){ //事件处理程序 } React – 事件 写法一共四种,...原创 2019-05-15 08:48:36 · 104 阅读 · 0 评论 -
react生命周期
生命周期 初始化阶段 constructor 在组件挂载之前执行,调用super(props),用来将父组件传来的props绑定到这个类中,使用this.props将会得到。 定义状态 状态初始化也可以有父组件传递过来的属性来进行赋值 static getDerivedStateFromProps ( nextProps,prevState ) {} 在组件实例化后,和接受新的props...原创 2019-05-15 08:50:21 · 127 阅读 · 0 评论 -
用一个swiper例子来写一下生命周期
思维: 引入swiper $ yarn add swiper 在对应的组件中引入 引入css样式 引入html结构 实例化 import React, { Component,Fragment } from 'react'; import Swiper from 'swiper' import 'swiper/dist/css/swiper.css' import './index.css' ...原创 2019-05-15 08:51:05 · 322 阅读 · 0 评论