React笔记张天禹

1创建虚拟dom

2渲染虚拟dom到页面

reactdom.render(虚拟dom,渲染到哪个容器)

//脚手架,开发者工具

jsx:主要用于创建虚拟dom。js创建虚拟dom的嵌套标签很繁琐。

语法糖:更加简单便捷的一种书写方式。

debugger

js语法:

虚拟dom标签获取js表达式时用{}

在jsx用css使用className

css内联样式:{{}}

标签第一个字母大写就是自己封装的组件

js语句和js表达式

组件:

函数式组件:

写function

类式组件:

组件三大属性:

context:

props:创建组件时候的构造函数要用

refs

state:状态,可以存东西。不可直接更改,用setState更改

事件绑定:

onClick={this.demo}

拿着原型上的生成一个新的挂在实例自身上,bind方法里面传什么就把调用bind的函数方法的this改成什么。

相关推荐
林恒smileZAZ28 分钟前
Vue<前端页面版本检测>
前端·javascript·vue.js
码事漫谈4 小时前
当AI开始“思考”:我们是否真的准备好了?
前端·后端
许杰小刀4 小时前
ctfshow-web文件包含(web78-web86)
android·前端·android studio
我是Superman丶5 小时前
Element UI 表格某行突出悬浮效果
前端·javascript·vue.js
恋猫de小郭5 小时前
你的代理归我了:AI 大模型恶意中间人攻击,钱包都被转走了
前端·人工智能·ai编程
大连好光景5 小时前
PYG从入门到放弃
笔记·学习
xiaokuangren_5 小时前
前端css颜色
前端·css
hoiii1876 小时前
C# 基于 LumiSoft 实现 SIP 客户端方案
前端·c#
anOnion6 小时前
构建无障碍组件之Meter Pattern
前端·html·交互设计
小码哥_常6 小时前
Spring Boot配置diff:解锁配置管理新姿势
前端