ZiuChen.github.io/assets/note_React.md.ba4aad97.lean.js

import{_ as s,o as n,c as a,a as l}from"./app.ab8d0b9f.js";const p="/assets/react-life-cycle.67e890c0.png",b=JSON.parse('{"title":"React","description":"","frontmatter":{},"headers":[{"level":2,"title":"邂逅React","slug":"邂逅react","link":"#邂逅react","children":[{"level":3,"title":"React开发依赖","slug":"react开发依赖","link":"#react开发依赖","children":[]},{"level":3,"title":"Babel与React的关系","slug":"babel与react的关系","link":"#babel与react的关系","children":[]},{"level":3,"title":"React初体验","slug":"react初体验","link":"#react初体验","children":[]},{"level":3,"title":"第一个React程序","slug":"第一个react程序","link":"#第一个react程序","children":[]},{"level":3,"title":"组件化开发","slug":"组件化开发","link":"#组件化开发","children":[]},{"level":3,"title":"提前绑定this","slug":"提前绑定this","link":"#提前绑定this","children":[]},{"level":3,"title":"列表渲染","slug":"列表渲染","link":"#列表渲染","children":[]},{"level":3,"title":"计数器案例","slug":"计数器案例","link":"#计数器案例","children":[]}]},{"level":2,"title":"认识JSX语法","slug":"认识jsx语法","link":"#认识jsx语法","children":[{"level":3,"title":"JSX的使用","slug":"jsx的使用","link":"#jsx的使用","children":[]},{"level":3,"title":"JSX事件绑定","slug":"jsx事件绑定","link":"#jsx事件绑定","children":[]},{"level":3,"title":"事件绑定参数传递","slug":"事件绑定参数传递","link":"#事件绑定参数传递","children":[]},{"level":3,"title":"JSX事件绑定案例","slug":"jsx事件绑定案例","link":"#jsx事件绑定案例","children":[]},{"level":3,"title":"条件渲染","slug":"条件渲染","link":"#条件渲染","children":[]},{"level":3,"title":"列表渲染中的高阶函数","slug":"列表渲染中的高阶函数","link":"#列表渲染中的高阶函数","children":[]},{"level":3,"title":"JSX的本质","slug":"jsx的本质","link":"#jsx的本质","children":[]},{"level":3,"title":"声明式编程","slug":"声明式编程","link":"#声明式编程","children":[]},{"level":3,"title":"购物车案例","slug":"购物车案例","link":"#购物车案例","children":[]}]},{"level":2,"title":"React项目开发","slug":"react项目开发","link":"#react项目开发","children":[{"level":3,"title":"React脚手架","slug":"react脚手架","link":"#react脚手架","children":[]}]},{"level":2,"title":"React组件化开发","slug":"react组件化开发","link":"#react组件化开发","children":[{"level":3,"title":"类组件","slug":"类组件-1","link":"#类组件-1","children":[]},{"level":3,"title":"函数组件","slug":"函数组件","link":"#函数组件","children":[]}]},{"level":2,"title":"组件的生命周期","slug":"组件的生命周期","link":"#组件的生命周期","children":[{"level":3,"title":"constructor","slug":"constructor","link":"#constructor","children":[]},{"level":3,"title":"componentDidMount","slug":"componentdidmount","link":"#componentdidmount","children":[]},{"level":3,"title":"componentDidUpdate","slug":"componentdidupdate","link":"#componentdidupdate","children":[]},{"level":3,"title":"componentWillUnmount","slug":"componentwillunmount","link":"#componentwillunmount","children":[]},{"level":3,"title":"不常用的生命周期","slug":"不常用的生命周期","link":"#不常用的生命周期","children":[]}]},{"level":2,"title":"组件间通信","slug":"组件间通信","link":"#组件间通信","children":[{"level":3,"title":"子组件向父组件通信","slug":"子组件向父组件通信","link":"#子组件向父组件通信","children":[]},{"level":3,"title":"参数propTypes","slug":"参数proptypes","link":"#参数proptypes","children":[]},{"level":3,"title":"组件通信案例 Tab栏切换","slug":"组件通信案例-tab栏切换","link":"#组件通信案例-tab栏切换","children":[]}]},{"level":2,"title":"React中的插槽","slug":"react中的插槽","link":"#react中的插槽","children":[{"level":3,"title":"通过children实现插槽","slug":"通过children实现插槽","link":"#通过children实现插槽","children":[]},{"level":3,"title":"通过props实现插槽","slug":"通过props实现插槽","link":"#通过props实现插槽","children":[]},{"level":3,"title":"作用域插槽","slug":"作用域插槽","link":"#作用域插槽","children":[]}]},{"level":2,"title":"Context跨组件传参","slug":"context跨组件传参","link":"#context跨组件传参","children":[{"level":3,"title":"用Context实现跨组件传参","slug":"用context实现跨组件传参","link":"#用context实现跨组件传参","children":[]},{"level":3,"title":"React.createContext","slug":"react-createcontext","link":"#react-createcontext","children":[]},{"level":3,"title":"Context.Provider","slug":"context-provider","link":"#context-provider","children":[]},{"level":3,"title":"Class.contextType","slug":"class-contexttype","link":"#class-contexttype","children":[]},{"level":3,"title":"Context.Consumer","slug":"context-consumer","link":"#context-consumer","children":[]},{"level":3,"title":"关于defaultValue","slug":"关于defaultvalue","link":"#关于defaultvalue","children":[]},{"level":3,"title":"props属性展开","slug":"props属性展开","link":"#props属性展开","children":[]}]}],"relativePath":"note/React.md","lastUpdated":1681719389000}'),o={name:"note/React.md"},e=l("",268),t=[e];function c(r,F,D,y,i,C){return n(),a("div",null,t)}const u=s(o,[["render",c]]);export{b as __pageData,u as default};