摘要：1.antd官网： https://ant.design/docs/react/introduce-cn2、React中使用Antd 1、安装antd npm install antd --save / yarn add antd / cnpm install antd --save 2、在您的re
阅读全文
摘要：模块化 import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import Home from './components/
阅读全文
摘要：/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-do
阅读全文
摘要：/* 实现js跳转路由：https://reacttraining.com/react-router/web/example/auth-workflow 1、要引入Redirect import { BrowserRouter as Router, Route, Link, Redirect, wi
阅读全文
摘要：import React, { Component } from 'react'; import {Link } from "react-router-dom"; const axios = require('axios'); class Home extends Component { const
阅读全文
摘要：/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-do
阅读全文
摘要：app.js /* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-ro
阅读全文
摘要：/* react获取服务器APi接口的数据： react中没有提供专门的请求数据的模块。但是可以使用任何第三方请求数据模块实现请求数据 1、axios https://github.com/axios/axios axios的作者觉得jsonp不太友好，推荐用CORS方式更为干净（后端运行跨域） 1
阅读全文
摘要：/* https://reactjs.org/docs/react-component.html React生命周期函数： 组件加载之前，组件加载完成，以及组件更新数据，组件销毁。 触发的一系列的方法 ，这就是组件的生命周期函数 组件加载的时候触发的函数： constructor 、componen
阅读全文
摘要：/* React中的组件: 解决html 标签构建应用的不足。 使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。 父子组件：组件的相互调用中，把调用者称为父组件，被调用者称为子组件 父子组件传值（react 父子组件通信）： 父组件给子组件传值 1.在调用子组件的时候
阅读全文
摘要：React中的组件: 解决html 标签构建应用的不足。使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件父子组件传值： 父组件给子组件传值 1.在调用子组件的时候定义一个属性 <Header msg
阅读全文
摘要：import React,{Component} from 'react'; import '../assets/css/index.css'; class Todolist extends Component { constructor(props) { super(props); this.st
阅读全文
摘要：import React, { Component } from 'react'; /* 约束性和非约束性组件: 非约束性组:<input type="text" defaultValue="a" /> 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件，
阅读全文
摘要：/* 事件对象 、键盘事件、 表单事件 、ref获取dom节点、React实现类似vue双向数据绑定 事件对象:在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息 */ import React from 'react'; import '../asset
阅读全文
摘要：在以类继承的方式定义的组件中，为了能方便地调用当前组件的其他成员方法或属性（如：this.state），通常需要将事件处理函数运行时的 this 指向当前组件实例。绑定事件处理函数this的几种方法：第一种方法： run(){ alert(this.state.name) } <button onC
阅读全文
摘要：1、所有的模板要被一个根节点包含起来2、模板元素不要加引号3、{}绑定数据 4、绑定属性注意： class 要变成 className for 要变成 htmlFor style属性和以前的写法有些不一样 <div style={{'color':'blue'}}>{this.state.title
阅读全文
摘要：src文件：开发写代码的地方 manifest.json 文件简介： https://lavas.baidu.com/mip/doc/engage-retain-users/add-to-home-screen/introduction 允许将站点添加至主屏幕，是 PWA 提供的一项重要功能，当前
阅读全文
摘要：React的介绍： React来自于Facebook公司的开源项目 React 可以开发单页面应用 spa（单页面应用） react 组件化模块化 开发模式 React通过对DOM的模拟(虚拟dom)，最大限度地减少与DOM的交互 （数据绑定） react灵活 React可以与已知的库或框架很好地配
阅读全文
浙公网安备 33010602011771号