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 (

　　使用

)