![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 58
Razera
热爱技术,欢迎交流
展开
-
后端开发学React - 8 React Router
后端开发学React - 8 React Router8.1 安装进入到项目目录中npm install --save react-router-dom8.2 基本使用1. 引入BrowserRouter,Route,Linkimport { BrowserRouter as Router, Route, Link } from "react-router-dom";解释:router:定义路由,用来包裹route和linkroute:定义规则(路径,显示组件)Link:作用类似原创 2020-08-18 09:26:10 · 162 阅读 · 0 评论 -
后端开发学React - 7 使用axios进行接口请求
后端开发学React - 7 使用axios进行接口请求7.1 mock接口创建开发过程中,一般都是前后端分离的。所以我们用一个接口的mock网站来进行mock调用测试这部分会在fastmock网站上创建账户,并添加项目和接口fastmock官方网站:www.fastmock.site添加项目创建接口我创建的接口地址是:https://www.fastmock.site/mock/e60be564ee4e9fd4006691cfeb4117e2/reactdemo/api/原创 2020-07-27 16:18:43 · 643 阅读 · 0 评论 -
后端开发学React - 6 React生命周期
后端开发学React - 6 React生命周期生命周期函数是指在某一个视口组件会自动调用执行的函数。React生命周期分为四个阶段Initialization:初始化阶段Mounting:挂载阶段Updation:更新阶段Unmounting:销毁阶段6.1 Initialization初始化阶段主要做了两件事情定义属性 ( props )定义状态 ( state )constructor 虽然不算生命周期函数,但是我个人把他理解成 初始化阶段6.2 Munting原创 2020-07-27 14:47:16 · 2638 阅读 · 0 评论 -
后端开发学React - 5 PropTypes校验及Ref绑定
后端开发学React - 5 PropTypes校验及Ref绑定5.1 PropTypes校验PropTypes,这里用的比较多的是三种类型校验非空校验使用默认值使用时先进行PropTypes引入import PropTypes from 'prop-types'然后在类的外面编写1. 类型校验//1. PremierLeagueRegisterItem.js 是 PremierLeagueRegister.js的子组件//2. testValidate 是父组件向子组件传递原创 2020-07-26 22:18:48 · 219 阅读 · 0 评论 -
后端开发学React - 4 父子组件传值
后端开发学React - 4 父子组件传值4.1 组件拆分这里将之前的注册球队应用进行拆分拆为两个模块(暂时去掉互相传值调用)父模块:PremierLeagueRegister.js子模块:PremierLeagueRegisterItem.js1. 父模块PremierLeagueRegister.jsimport React, { Component, Fragment } from 'react'import PremierLeagueRegisterItem from原创 2020-07-24 00:01:35 · 154 阅读 · 0 评论 -
后端开发学React - 3 简单数据操作及事件绑定
后端开发学React - 3 简单数据操作及事件绑定这节通过简单的一个小应用来实现简单数据操作及事件绑定功能:英超球队注册初始化已经注册列表输入球队名称,点击按钮进行注册到下方列表步骤:已有列表的初始化input的数据绑定注册球队按钮事件绑定事件中改变React中初始化的值改造已有球队列表的数据进行初始化和一个扩展(这里用到了es6的语法)知识点:通过构造函数初始化数据将函数中的数据与dom中数据绑定绑定事件修改绑定数据3.1 文件准备index原创 2020-07-23 14:39:16 · 194 阅读 · 0 评论 -
后端开发学React - 2 JSX语法
后端开发学React - 2 JSX语法2.1 什么是JSX1. 定义React发明了JSX,利用HTML语法来创建虚拟DOM。React的核心机制之一就是可以在内存中创建虚拟的DOM元素。以此来减少对实际DOM的操作从而提升性能。JSX 即Javascript XML,它是对JavaScript 语法扩展。React 使用 JSX 来替代常规的 JavaScript。你也可以认为JSX其实就是JavaScript。当遇到 < ,JSX就当HTML解析,遇到 { 就当JavaScrip原创 2020-07-23 12:36:36 · 245 阅读 · 0 评论 -
后端开发学React - 1 开发环境搭建及HelloWorld
后端开发学React - 1.开发环境搭建及HelloWorld1.1 开发环境搭建安装 node.js官网下载:下载地址安装验证win+r:打开控制台 输入cmd输入命令:node -v 或者 npm -v获取到版本号即为安装成功安装 Visual Studio Code官网下载:下载地址安装1.2 第一个React程序React.js官方网站:官方网站脚手架安装npm install -g create-react-app 创建第一个原创 2020-07-23 00:03:07 · 373 阅读 · 1 评论