前端歌谣 - 博客园

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

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

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

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

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

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

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

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

摘要： 1组件的两种创建方式:函数组件和类组件 2无状态函数组件负责静态结构展示 3有状态组件负责更新ui 让页面动起来 4绑定事件注意this指向问题 5使用受控组件创建表单 6完全利用js语言的能够力创建组件阅读全文

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

摘要： 1借助ref 使用原生dom方式获取表单元素值 2ref的作用获取dom或者组件使用步骤 1调用React.createRef()方法创建一个ref对象 2将创建好的ref对象添加到文本框中 3通过ref对象获取文本框的值 //导入reactimport... 阅读全文

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

摘要：使用一个事件处理多个元素 1给表单元素添加name属性名称域state相同 2根据表单元素获取对应值 3在唱歌事件处理程序中通过[name]修改对应的state //导入reactimport React from 'react'import ReactDO... 阅读全文

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

摘要：实例 1文本框富文本框下拉框 2复选框 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文

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

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

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

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

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

导航