context状态树

provider

customer

父组件

创建context对象并导出

export const AddContext = React.createContext<any>({}) 导出Provider Consymer export const { Provider, Consumer } = AddContext const Index = () => { 　　return ( 　　　　value={ 要传递的数据 } 　　　　<Provider value={{ formData, setFormData, handleSave }}> 　　　　　　接受数据的后代组件 　　　　　　<Add/> 　　　　</Provider> 　　) } exprot default 子组件或孙子组件 import React, { useContext } from 'react' import { AddContext } from '父组件' const 公共数据 = useContext(Context) const { formData, setFormData, handleSave } = useContext(AddContext) return ( 函数组件的内容 ) return ( 　　使用 )

标签：状态,const,AddContext,export,useContext,context,组件,return
来源： https://www.cnblogs.com/liiann/p/16527340.html