React
文章平均质量分 75
react全家桶学习
qiao若huan喜
每天都往前一点点,总能走到终点。
展开
-
4、React 之 收集表单数据 与 组件生命周期(1)
一、收集表单数据1、效果需求:定义一个包含表单的组件输入用户名密码后,点击登录 提示输入信息代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="test"></div></body&g原创 2022-05-29 18:07:34 · 391 阅读 · 0 评论 -
3、React-----组件(实例)的三大核心属性
一、组件(实例)的三大核心属性1:state1、初始化 state1.1 理解1)state 是组件对象最重要的属性,值是对象(可以包含多个 key- value 的组合)2)组件被称为 “状态机” ,通过更新组件的 state 来更新对应的页面显示(重新渲染组件)1.2 强烈注意1)组件中 render 方法中的 this 为组件实例对象2)组件自定义方法中的 this 为 undefined ,如何解决?—a、强制绑定 this ,通过函数对象中的 bind()b、箭头函数3)状态数原创 2021-12-20 08:29:05 · 393 阅读 · 0 评论 -
2、React基础入门知识
目录1、 hello world2、jsx 的语法规则3、模块与组件、模块化与组件化的理解3.1 模块3.2 组件3.3 模块化3.4 组件化4、组件4.1 函数式组件4.2 类式组件1、 hello world<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bo原创 2021-12-07 08:30:25 · 442 阅读 · 0 评论 -
1、React简介
1、是什么?React 用于构建用户界面的 JavaScript 库。React 是一个将数据渲染为 HTML 视图的开源 JavaScript 库。总结:用户给数据,React 帮忙操作 dom 渲染视图。2、谁开发的?由 Facebook 开发,并且开源。3、为什么要学?(1)原生 JavaScript 操作 DOM 繁琐,效率低(DOM-API 操作 UI),例如:document.getElementById(“app”) 等(2)使用 JavaScript 直接操作 DOM,浏览器原创 2021-12-05 10:05:30 · 542 阅读 · 0 评论