摘要: 1.4注意点 1React元素的属性名使用驼峰式命名法 2特殊属性名 class-className for->htmlFor 3没有子节点可以用单标签表示 4使用小括号包裹jsx const div=(<h1>geyao</h1>) 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: 1能够使用函数创建组件 2能够使用class创建组件 3能够给react元素绑定事件 4能够使用state和setstate 5能够处理事件中的this指向问题 6能够使用受控组件处理表单 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
摘要: 函数组件又叫做无状态组件 类组件叫做有状态组件 状态state即数据 函数组件没有自己的状态 值负责数据的展示 类组件有自己的状态 负责更新UI 让页面“”动”起来 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(24) 评论(0) 推荐(0)
摘要: 5.1state的基本使用 状态:数据 是组件内部的私有数据 只能再组件内部使用 state的值是对象 表示一个组件中可以有多个数据 获取数据 this.state //导入react import React from 'react' import ReactDOM from 'react-dom 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(53) 评论(0) 推荐(0)
摘要: 状态是改变的 语法:this.setstate 千万不要直接改变this.setState setState 修改state 更新ui 数据驱动视图 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
摘要: 从jsx中抽离过多js逻辑代码 会显得非常混乱 推荐:将逻辑抽离到单独的方法中 保证jsx结构清晰 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1:类组件必须以大写字母开头 // 约 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: 1箭头函数 利用箭头函数自身不绑定this的特点 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继承react.component 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(34) 评论(0) 推荐(0)
摘要: 事件this指向bind 利用ES5中bind方法 将事件处理程序中的this和组件实例绑定在一起 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1:类组件必须以大写字母开头 // 约 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(30) 评论(0) 推荐(0)
摘要: 1上次说过了mysql的主从配置 tar zxf keepalived-1.2.7.tar.gz cd keepalived-1.2.7 yum install gcc gcc-c++ yum install kernel-devel -y 2报错 configure: error: Popt li 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(47) 评论(0) 推荐(0)
摘要: 2.3抽离为单独组件 组件作为一个单独的个体,一般把每个组件放在单独的js中文件中 1创建hello.js 2在hello.js中导入React 3创建组件(函数或者类) hello.js子组件 //导入react import React from "react" //创建组件 class Hel 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(59) 评论(0) 推荐(0)