- 假如有一个hello组件 hello组件: import { Component } from 'react' import hello from './index.module.css' // 模块化import './index.css' // 非模块化 后引入的组件,假如和前面的的组件内的 Read More
- react脚手架使用webpack搭建的 webpack有各种loader、plugins为我们完成很多功能;比如语法检查、代码压缩、兼容性处理、图片压缩 facebook已经为搭建好了react脚手架: create-react-app 全局安装react脚手架 npm install cre Read More
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=" Read More
- 生命周期回调函数 生命周期钩子函数 生命周期函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta Read More
- 比如表单、input、radio、checkbox等标签,数据现用现取的标签叫非受控组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte Read More
- ref让react更容易获取dom,和id比较像。只要在dom上定义ref属性,就可以在组件实例的this.refs中获取到对应的dom元素。 字符串形式的refs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m Read More
- html标签可以在标签上写自定义属性,那么react的组件,也可以像传属性一项,给组件传props; react组件接收到传入的属性后,会自动塞进实例的props属性中,通过this.props可以拿到外部传入的属性 来看一下props的基本使用 <!DOCTYPE html> <html la Read More
- class Car{ // 类中考科一直接写赋值语句,如下代码的含义是:给Car的实例对象添加一个属性,名为a,值为1 a = 1; b } console.log(Car); let c = new Car() console.log(c, 'c '); // Car {a: 1, b: un Read More
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=" Read More
- 今天看到react类组件内部的方法中this为undefined,原因是class类内部的方法,自动开启了局部严格模式,不是babel的问题 特此实验一下: // 类内部的方法,自动开启了局部严格模式 class Person { constructor(name, age) { this.na Read More