2022年5月6日

摘要: 思路:利用回调函数 父组件提供回调 子组件调用 将要传递的数据作为回调函数的参数 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(15) 评论(0) 推荐(0) 编辑
 
摘要: 边界问题 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承react.component父类 从中... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(17) 评论(0) 推荐(0) 编辑
 
摘要: 发表评论 1给按钮绑定点击事件 2在事件处理程序中 通过state获取评论信息 3将评论信息添加到state中 并调用setState()方法更新数据 //导入reactimport React from 'react'import ReactDOM from... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(16) 评论(0) 推荐(0) 编辑
 
摘要: 获取评论信息 1使用受控组件方式创建表单 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(19) 评论(0) 推荐(0) 编辑
 
摘要: 渲染列表评论 1判断列表数据的长度是否为0 2如果为0 则渲染暂无评论 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// ... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(15) 评论(0) 推荐(0) 编辑
 
摘要: 1父组件提供要传递的state数据 2给子组件标签添加属性 值为state中的数据 3子组件通过props获取父组件传递的数据 //导入reactimport React from 'react'import ReactDOM from 'react-dom'... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(12) 评论(0) 推荐(0) 编辑
 
摘要: JSX 1jsx是react的核心内容 2jsx是在js代码中写HTML结构,是react中声明式的提现 3使用jsx配合嵌入的js表达式,条件渲染,列表渲染,可以描述任意ui结构 4推荐使用calssName的方式给jsx添加样式 5react完全利用js自... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(3) 评论(0) 推荐(0) 编辑
 
摘要: 1行内样式-style jsx的样式处理 2类名----className(推荐) //导入reactimport React from "react"import ReactDOM from "react-dom"//第一步创建jsx创建react元素... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(2) 评论(0) 推荐(0) 编辑
 
摘要: 实例 1文本框 富文本框下拉框 2复选框 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(15) 评论(0) 推荐(0) 编辑
 
摘要: 步骤 1state中加个状态 2给表单绑定一个chang事件 改变表单的值 设置state //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(22) 评论(0) 推荐(0) 编辑