摘要:
React 生命周期 常用的分为三个阶段:挂载阶段、更新阶段、渲染阶段 挂载阶段(按顺序执行一次) constructor render (渲染UI) componentDidMount (发送请求) 更新阶段(只要组件更新就会执行) render componentDidUpdate 卸载阶段(组 阅读全文
摘要:
Props 默认值 场景:如果传入就以传入的参数为主,如果不传那就使用默认值 函数组件 通过函数默认参数实现 function Test ({ list, mum = 666 }) { return ( <div> {list.map(item => <p key={item}>{item}</p> 阅读全文
摘要:
Props 校验 概念:在用户传入数据时提供类型校验(常见于组件库) 如何实现:通过 prop-types 官方工具包 组件名.propTypes = { 定义规则 } 阅读全文
摘要:
组件 children属性 概念:组件内部写的内容都会识别为children属性存入props。 支持:文本,标签,jsx,函数 应用场景:render Props 和 高阶函数 阅读全文
摘要:
React 跨组件通信 Context机制 场景:跨组件通信 顶层向任意底层传递数据。 实现 调用 createContxt方法 得到Provider(提供数据)和Consumer(消费数据) 通过Provider包裹顶层组件 value属性绑定数据,如果传递多个数据 那就把value包装成一个对象 阅读全文