摘要：
3.React路由 npm i react-router-dom 0.路由器 BrowserRouter 和 HashRouter 需在整个APP外层包裹一个路由器才能正常使用注册路由 import {BrowserRouter, HashRouter} from "react-router-dom 阅读全文
摘要：
2.github搜索案例（axios、pubsub、fetch） 目录结构 实现效果： 2.1使用axios发送请求 App.jsx class App extends Component { state = { users: [], // 初始化状态，users初始值为数组 isFirst: tr 阅读全文
摘要：
1.Tolist案例（父子传参实现增删改） 目录结构 实现效果： App.jsx class App extends Component { // 状态在哪里， 操作状态的方法就在哪里 state = { todos:[ {id:1, name:'吃饭', done: true}, {id:2, n 阅读全文
摘要：
5.key的使用 /* 1）. react/vue中的key有什么作用？（key的内部原理是什么 2）. 为什么遍历列表是，key最好不要用index? 1.虚拟DOM中key的作用： 1）.简单来说，key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用 2）.详细来说： 当状态中的数 阅读全文
摘要：
4.React生命周期 4.1引出生命周期 class Life extends React.Component { state = { opacity:0.5 } death = () => { // 卸载定时器 // clearInterval(this.timer) // 卸载组件 React 阅读全文
摘要：
3.React事件处理、收集表单数据、高阶函数 3.1事件处理 class Demo extends React.Component { /* 1. 通过onXxx属性指定事件处理函数(注意大小写) a) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 为了更好的兼容性 b) R 阅读全文
摘要：
2.React组件及其三大属性 2.1函数式组件 function Demo(){ console.log(this) return <h2> 函数式组件</h2> } // ReactDOM.render(Demo(), document.getElementById('test')) React 阅读全文
摘要：
1 React语法规则 1.1 使用jsx创建虚拟DOM <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello react</title> </head> <body> <!--准备好一个“容器”--> 阅读全文
摘要：
0.JavaScript基础知识 0.1类的基本知识 ES6语法在类中默认开启了use strict严格模式 class Person{ constructor(name, age) { this.name = name this.age = age } speak(a,b){ console.lo 阅读全文