摘要：
实例 1文本框 富文本框下拉框 2复选框 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文
2022年5月6日
摘要：
步骤 1state中加个状态 2给表单绑定一个chang事件 改变表单的值 设置state //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须... 阅读全文
摘要：
7.1受控组件 HTML中的表单元素是可输入的 也就是有自己的可变状态 react中的可变状态通常保存在state中 并且只能通过setState方法来修改 阅读全文
摘要：
1推荐使用class的实例方法 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承react.com... 阅读全文
摘要：
class实例方法 利用箭头函数的class实例方法 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该... 阅读全文
摘要：
事件this指向bind 利用ES5中bind方法 将事件处理程序中的this和组件实例绑定在一起 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类... 阅读全文
摘要：
1箭头函数 利用箭头函数自身不绑定this的特点 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承... 阅读全文
摘要：
从jsx中抽离过多js逻辑代码 会显得非常混乱 推荐:将逻辑抽离到单独的方法中 保证jsx结构清晰 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类... 阅读全文
摘要：
状态是改变的 语法:this.setstate 千万不要直接改变this.setState setState 修改state 更新ui 数据驱动视图 //导入reactimport React from 'react'import ReactDOM from ... 阅读全文
摘要：
目录 5.1state的基本使用 5.1state的基本使用 状态:数据 是组件内部的私有数据 只能再组件内部使用 state的值是对象 表示一个组件中可以有多个数据 获取数据 this.state //导入reactimport React from '... 阅读全文