摘要: 1、state的基本使用 状态(state)即数据 是组件内部的私有数据,只能在组件内部使用。 state 的值是对象,表示一个组件中可以有多个数据 通过 this.state 来获取状态 class App extends React.Component { constructor() { sup 阅读全文
posted @ 2021-12-22 23:42 HuangBingQuan 阅读(189) 评论(0) 推荐(0)
摘要: 函数组件又叫无状态组件,类组件又叫做有状态组件 状态(state)即数据 函数组件没有自己的状态,只负责数据展示(静) 类组件有自己的状态,负责更新UI,让页面 “动” 起来 比如计数器案例中,点击按钮让数值加1. 0和1就是不同时刻的状态,而由0 变为 1就表示状态发生了变化。 状态变化后,UI 阅读全文
posted @ 2021-12-22 21:49 HuangBingQuan 阅读(178) 评论(0) 推荐(0)
摘要: 1、事件绑定 React 事件绑定语法与DOM事件语法类似。 语法:on+事件名称=(事件处理程序),比如:onClick = { ()=> {} } 注意:React 事件采用驼峰命名法,比如:onMouseEnter、onFocus 在类组件中绑定事件 class App extends Rea 阅读全文
posted @ 2021-12-22 19:19 HuangBingQuan 阅读(90) 评论(0) 推荐(0)
摘要: 1、React 组件介绍 组件是 React 的一等公民,使用React就是在用组件。 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 2、React 组件的两种创建方式 2.1 、使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件。 约定1:函 阅读全文
posted @ 2021-12-22 17:23 HuangBingQuan 阅读(61) 评论(0) 推荐(0)