context状态树
2024-09-08 06:05:58
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 (
使用
)
最新文章
- 马克飞象 Markdown 使用和学习
- 打通多个帝国CMS系统的会员整合与同步教程
- vim中添加molokai.vim 配色安装
- cf251.2.C (构造题的技巧)
- poj 1182
- Codeforces Round #160 (Div. 2) D. Maxim and Restaurant(DP)
- Linux平台下线程池的原理及实现
- DateTable与List<;T>;相互转换 及JSON与DataTable(DataSet)相互转化
- nginx的监控配置
- 剑指Offer43 n个骰子点数概率
- NC / Netcat - 文件传输
- 【转】Android4.4(MT8685)源码蓝牙解析--BLE搜索
- python3实现邮件发送程序
- banana pro 板子
- VA自动补全QT
- dos下遍历目录和文件的代码(主要利用for命令)
- JavaScript 中 this 的详解
- centos6.5环境下的web项目mysql编码方式导致的中文乱码问题
- asp。net内置委托
- 【leetcode】 算法题3 无重复字符的最长子串