前端歌谣 - 博客园

摘要： class实例方法利用箭头函数的class实例方法 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(16) 评论(0) 推荐(0)

摘要：事件this指向bind 利用ES5中bind方法将事件处理程序中的this和组件实例绑定在一起 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(14) 评论(0) 推荐(0)

摘要： 1箭头函数利用箭头函数自身不绑定this的特点 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(9) 评论(0) 推荐(0)

摘要：从jsx中抽离过多js逻辑代码会显得非常混乱推荐:将逻辑抽离到单独的方法中保证jsx结构清晰 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(5) 评论(0) 推荐(0)

摘要：状态是改变的语法:this.setstate 千万不要直接改变this.setState setState 修改state 更新ui 数据驱动视图 //导入reactimport React from 'react'import ReactDOM from ... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(20) 评论(0) 推荐(0)

摘要：目录 5.1state的基本使用 5.1state的基本使用状态:数据是组件内部的私有数据只能再组件内部使用 state的值是对象表示一个组件中可以有多个数据获取数据 this.state //导入reactimport React from '... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(9) 评论(0) 推荐(0)

摘要：函数组件又叫做无状态组件类组件叫做有状态组件状态state即数据函数组件没有自己的状态值负责数据的展示类组件有自己的状态负责更新UI 让页面“”动”起来阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(11) 评论(0) 推荐(0)

摘要： 2.3抽离为单独组件组件作为一个单独的个体，一般把每个组件放在单独的js中文件中 1创建hello.js 2在hello.js中导入React 3创建组件(函数或者类) hello.js子组件 //导入reactimport React from "reac... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(22) 评论(0) 推荐(0)

摘要：目录 2.2使用类创建组件运行结果 2.2使用类创建组件类组件:使用ES6的class创建的组件约定1：类组件必须以大写字母开头约定2:类组件应该继承react.component父类从中可以使用父类的方法和属性约定3:组件必须提供render... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(11) 评论(0) 推荐(0)

摘要： 1使用函数创建组件函数组件:使用js的函数或者箭头函数创建的组件约定1:函数组件名称必须以开头约定2:函数组件必须有返回值表示该组件的结构如果返回值为null 表示不渲染任何内容 2.1使用函数创建组件 1渲染函数组件:用函数名作为组件标签名 2组... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(18) 评论(0) 推荐(0)

导航