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 · 420 阅读 · 0 评论 -
3、React-----组件(实例)的三大核心属性
一、组件(实例)的三大核心属性1:state 1、初始化 state 1.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 · 421 阅读 · 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 · 454 阅读 · 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 · 553 阅读 · 0 评论
分享