hooks子组件修改父组件值

刚刚学习hooks ,写个dome记录一下,亲测可用
父组件

import React , { useState ,createContext ,useContext} from 'react';
import Zi from  './zi'
// 创建上下文
export const NumContext = createContext();
function Fu (){
    const [ num ,setNum ] = useState(0);
    return (
        

数字{num}

// 通过Provider 将要共享的数据 提供给上下文,子组件也可以拿到
) } export default Fu;

子组件

import React , { useContext ,useState } from 'react';
import  { NumContext } from './fu'
function Zi(  ){
	// 使用上下文,通过解构赋值,使用 num 和 setNum
    let {num ,setNum } = useContext(NumContext);

    return (
        
子组件数值{num}
) } export default Zi;

你可能感兴趣的:(react)