2022年5月6日

摘要: 思路:利用回调函数 父组件提供回调 子组件调用 将要传递的数据作为回调函数的参数 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(26) 评论(0) 推荐(0)
 
摘要: 执行时机 //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1:类组件必须以大写字母... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(18) 评论(0) 推荐(0)
 
摘要: 使用步骤 1创建一个函数 名称约定以with开头 2制定函数参数 参数应该以大写字母开头(作为要渲染的组件) 3在函数内部创建一个类组件 提供复用的状态逻辑代码 并返回 4在该组件中 渲染参数组件 同事将状态通过props传递给参数组件 //导入reactim... 阅读全文
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 前端歌谣 阅读(21) 评论(0) 推荐(0)
 
摘要: 1组件通讯是构建react应用不可少的一环 2props的灵活性和组件更加强大 3状态提升是react组件的常用模式 4组件生命周期有助于组件的运行过程 5钩子函数让开发者在特定的时机执行的拱门呢个 6render props模式和高阶组件都可以实现组件状态逻... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(20) 评论(0) 推荐(0)
 
摘要: 问题:props丢失 原因:高阶组件没有往下传递props 解决WrappedComponent,将state和this.props一起传递给组件 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(10) 评论(0) 推荐(0)
 
摘要: 能够知道setState()更新数据是异步的 能够知道jsx语法的转换过程 能够说出React组件的更新机制 能够对组件进行性能优化 能够说出虚拟dom和diif算法 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(17) 评论(0) 推荐(0)
 
摘要: //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1:类组件必须以大写字母开头// ... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(15) 评论(0) 推荐(0)
 
摘要: 实例 1文本框 富文本框下拉框 2复选框 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承reac... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(29) 评论(0) 推荐(0)
 
摘要: 步骤 1state中加个状态 2给表单绑定一个chang事件 改变表单的值 设置state //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须... 阅读全文
posted @ 2022-05-06 21:46 前端歌谣 阅读(30) 评论(0) 推荐(0)