前端歌谣 - 博客园

摘要： 1能够使用props接收数据 2能够使用父子组件之间的通讯 3能够实现兄弟组件之间的通讯 4能够给组件添加props校验 5能够说出生命周期常用的钩子函数 6能够知道高阶组件的作用组件通讯介绍组件的props 组件通讯的三种方式 context props... 阅读全文

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 前端歌谣阅读(21) 评论(0) 推荐(0)

摘要：发表评论 1给按钮绑定点击事件 2在事件处理程序中通过state获取评论信息 3将评论信息添加到state中并调用setState()方法更新数据 //导入reactimport React from 'react'import ReactDOM from... 阅读全文

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

摘要：获取评论信息 1使用受控组件方式创建表单 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文

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

摘要：渲染列表评论 1判断列表数据的长度是否为0 2如果为0 则渲染暂无评论 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// ... 阅读全文

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

摘要： 1渲染列表在state定义数据进行数据渲染 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母开头// 约定2:类组件应该继承r... 阅读全文

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

摘要：实现案例的数据渲染评论列表有评论没有评论暂无评论获取评论信息包括评论人和受控组件发表评论更新评论 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件... 阅读全文

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

导航