首页 > TAG信息列表 > changeWeather
react组件三大核心之一state
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devireact学习---state属性--绑定事件--解决自定义函数this指向问题--setState问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>state</title> </head> <body> <!-- 准备好一个“容器” --> <div id="test"></div>React学习记录（二） - state的用法以及类组件中this执向
我们可以用一个实际案例去开启本节： 页面有一个标签，内容为 今天天气很炎热，当点击标签时切换为凉爽 在Vue中我们直接使用@click=‘isHot ? "炎热"’ : "凉爽"实现切换，isHot要在data里面去定义。但在React中我们如何去实现呢？ 直接上代码，然后解析吧 <body> <div id="app"></dReact三大属性之一——state 属性
组件实例三大核心属性1：state 1.定义 1. state 是组件对象最重要的属性，值是对象（可以包含多个key-value） 2. 组件被称为"状态机"，通过更新组件的 state 来更新对应的页面显示（重新渲染组件） 2. 注意 1. 组件中 render 方法中的 this 为组件实例对象 2. 组件自定义的方法