[JavaScript知识库]React-hooks 通过父子组件通过useContext进行传值

import React, { useState ,createContext , useContext } from 'react';
 
// createContext.js文件
import { createContext } from "react";

const myContext = createContext();//想共享的创建上下文

export default myContext;
 
//声明一个子组件，接收count
function LoginUI(){
    let count = useContext(myContext).count;
    return (
        <h2>{count}</h2>
    )
}
 
function Login(){
    const [count,setCount] = useState(14);//数组解构
   
    return(
        <div>
            <p>You clicked {count} times</p>
            <button 
                onClick={()=>{setCount(count+1)}}
            >
                Click me
            </button>
            {/* cout被共享出去了 */}
            <myContext.Provider value={{count:count}}>
                <LoginUI/>
            </myContext.Provider>
        </div>
    )
}

 
export default Login;