前端歌谣 - 博客园

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

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

摘要：目录 3.2事件对象 3.2事件对象可以通过事件处理程序的参数 React中的事件对象叫做:合成事件(对象) 合成事件:兼容所有浏览器 //导入reactimport React from 'react'import ReactDOM from 'rea... 阅读全文

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

摘要：目录 3.1事件绑定 3.1事件绑定 React事件绑定语法和DOM事件语法相似语法:on+事件名称={事件处理程序} 比如οnclick={()=>{}} //导入reactimport React from 'react'import ReactDO... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(21) 评论(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 前端歌谣阅读(26) 评论(0) 推荐(0)

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

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

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

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

摘要： 1react组件介绍组件是react中的一等公民组件表示页面中的部分功能组合多个组件实现完整的页面功能特点可复用性独立可组合阅读全文

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

摘要： 1能够使用函数创建组件 2能够使用class创建组件 3能够给react元素绑定事件 4能够使用state和setstate 5能够处理事件中的this指向问题 6能够使用受控组件处理表单阅读全文

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

摘要： JSX 1jsx是react的核心内容 2jsx是在js代码中写HTML结构，是react中声明式的提现 3使用jsx配合嵌入的js表达式，条件渲染,列表渲染,可以描述任意ui结构 4推荐使用calssName的方式给jsx添加样式 5react完全利用js自... 阅读全文

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

摘要： 1行内样式-style jsx的样式处理 2类名----className(推荐) //导入reactimport React from "react"import ReactDOM from "react-dom"//第一步创建jsx创建react元素... 阅读全文

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

导航