前端歌谣 - 博客园

摘要：发表评论 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)

摘要：能够知道setState（）更新数据是异步的能够知道jsx语法的转换过程能够说出React组件的更新机制能够对组件进行性能优化能够说出虚拟dom和diif算法阅读全文

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

摘要：问题:props丢失原因:高阶组件没有往下传递props 解决WrappedComponent，将state和this.props一起传递给组件阅读全文

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

摘要： 1组件通讯是构建react应用不可少的一环 2props的灵活性和组件更加强大 3状态提升是react组件的常用模式 4组件生命周期有助于组件的运行过程 5钩子函数让开发者在特定的时机执行的拱门呢个 6render props模式和高阶组件都可以实现组件状态逻... 阅读全文

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

摘要： react通过displayNameshiyong 设置displayName控制区分不同的组件 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类... 阅读全文

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

摘要：使用步骤 1创建一个函数名称约定以with开头 2制定函数参数参数应该以大写字母开头（作为要渲染的组件） 3在函数内部创建一个类组件提供复用的状态逻辑代码并返回 4在该组件中渲染参数组件同事将状态通过props传递给参数组件 //导入reactim... 阅读全文

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

导航