React学习笔记①
2024-09-28 02:35:11
- 三种导出方式
export let num = 1;//1
let num2 = 2;//2
export {num2};//2
export default {default}//3
- 三种导入方式
import xxx from 'xxxx.js';//1
import {num,num2} from 'xxxx.js';//2
import * as obj from 'xxxx.js'//3
- import 和require
import
- import属于加载前置机制,因此将其全放在代码顶部,代码解析逐个import获取一个引入的列表,先引入依赖,再向下执行代码。加载前置
require
if(true){
let xxxxx=require(xxxx);
}
- 加载滞后,代码执行到那一行就加载
//模版
class num {
age=12;
constructor(props){//这里的props等于子类super(props)
this.age = props.age;
}
}
class num2 extends num {
name = 'jack';
constructor(props){//构造器
super(props);//初始化父类的构造器
this.name = props.name;
}
}
let allnum = new num2(name:'mack',age:23)
//双向数据
//使用jsx必须引入React
import React,{Component} from 'react';
class App extends Component{
constructor(){
//初始化属于组件的属性
super();
this.state = {
num:1
}
}
changehandler(e){
this.state.num = e.target.value;
this.setState({});
}
render(){
return(
<div>
{this.state.num}
<hr></hr>
<input type='text' value={this.state.num} onChange={(e)=>{this.changehandler(e)}}></input>
</div>
)
}
}
export default App;
最新文章
- jQuery 3.0的domManip浅析
- C#调试方法
- WebStorm设置手机测试服务器-局域网内其他设备访问
- 【mysql】利用Navicat for MySQL的使用
- 获取乌云补天指定关键字的漏洞并输出URL和标题
- HDU 4617 Weapon 三维计算几何
- css3 多列布局记
- Stand-up meeting
- CentOS 6.5断电后启动出现:unexpected inconsistency run fsck manully
- 为人们服务的asp.net 验证控件
- Insert into a Cyclic Sorted List
- centos6.5软件安装:RPM,SRPM与yum功能
- HDU 2147 kiki&#39;s game(规律,博弈)
- JavaScript while 循环
- 常见adb指令
- SharePoint 特殊用户标识
- Android Studio 使用USB真机调试教程
- python select poll epoll的区别
- 菜鸟如何学习vue
- 纯CSS3打造非常炫的加载动画