![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
QSWQSWQSWQSWQSW
.
展开
-
react组件生命周期钩子函数
组件生命周期的三个状态:Mounting已插入真实 DOMUpdating正在被重新渲染Unmounting已移出真实 DOM生命周期的方法:方法作用componentWillMount在渲染前调用,在客户端也在服务端componentDidMount在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过t...原创 2018-10-31 19:40:54 · 1100 阅读 · 0 评论 -
react创建项目步骤
步骤:1、首先全局安装npm install -g create-react-app2、然后输入create-react-app 项目名称3、接着cd 项目名称,进入你刚刚创建的那个项目4、安装完成,npm start让项目跑起来注意:如果第2步安装报错的话先用npm -v查一下你电脑上的npm版本号是多少,如果高于5.2的话,就在第2步的命令前面加一个npx。也就是npm cr...原创 2018-11-06 13:31:58 · 910 阅读 · 0 评论 -
react中用swiper做轮播步骤
第一步:在cmd中引入npm install --save swiper第二步:在页面上引入:import Swiper from ‘swiper/dist/js/swiper.js’import ‘swiper/dist/css/swiper.min.css’第三步:在生命周期钩子函数componentDidMount()中写入轮播方法componentDidMount()...原创 2018-11-12 15:55:02 · 3629 阅读 · 0 评论 -
react中fetch请求
1.首先在cmd中下载:npm install whatwg-fetch2.在react中引入import React, { Component } from 'react' import 'whatwg-fetch'3.请求数据fetch('https://api.github.com/users/chrissycoyier/repos') .then(response ...原创 2018-11-14 20:11:23 · 371 阅读 · 0 评论 -
react样式切换
react代码:import React, { Component } from 'react';import './App.css'class App extends Component { state = { menuNum: 1 } setMenuNum = (num) => { this.setState({ ...原创 2018-11-14 20:21:01 · 1876 阅读 · 0 评论 -
react-router知识点
首先做react路由时我们需要引入:↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓import {BrowserRouter as Router,Route,Link,NavLink,withRouter} from ‘react-router-dom’;注意点:1 .Router标签只有一个包裹在最外层并且有一个唯一的子元素(div包裹其他),as代表起别名2 .Rou...原创 2018-11-16 18:29:51 · 174 阅读 · 0 评论