前端歌谣 - 博客园

摘要：使用步骤创建Mouse组件，在组件中提供复用状态逻辑代码（1:状态 2操作状态的方法） 2将要复用的状态作为props.render(state)方法的参数暴露到组件外部 //导入reactimport React from 'react'import R... 阅读全文

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

摘要： 1思路:将要复用的state和操作state的方法封装到一个组件中如何拿到该组件复用的state 在使用组件时,添加一个值为函数的props 通过函数参数来获取 {}} 阅读全文

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

摘要：如果组件中的部分功能相似或者相同，该如何处理 1处理相似的函数 2复用state 操作state的方法 3render props HOc 4两种方式不是新的api 根据编码技巧演化为某种模式阅读全文

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

摘要：阅读全文

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

摘要：执行时机 //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1：类组件必须以大写字母... 阅读全文

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

摘要： //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1：类组件必须以大写字母开头// ... 阅读全文

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

摘要： //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1：类组件必须以大写字母开头// ... 阅读全文

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

摘要： 1每个阶段的执行时机 2每个阶段钩子函数的执行顺序 3每个阶段狗子函数的作用 6.2生命周期的三个极端执行时机执行顺序 construtor()->render()->componentDidMount //导入reactimport React fr... 阅读全文

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

摘要： 6.1组件的生命周期概述组件的生命周期有助于理解组件的运行方式完成更复杂的组件功能分析组件错误原因等组件的生命周期组件从创建到挂载到卸载生命周期的每个阶段伴随着一些方法调用这些方法就是生命周期的钩子函数阅读全文

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

摘要： 1给props设置默认值 //导入reactimport React from 'react'import ReactDOM from 'react-dom'import PropTypes from 'prop-types'//导入组件// 约定1：类组件必... 阅读全文

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

导航