react hook useContext

原文链接: react hook useContext

上一篇: react hook useCallback

下一篇: react hook useReducer

在不影响中间组件的情况下, 从根组件向最底层组件传值

根组件使用Provide提供值, 子组件使用useContext获取提供的值

import React, { useState, useContext, useEffect } from "react";
const A = () => {
  return (
    

      A
    
  );
};

const B = () => {
  return (
    

      B
    
  );
};

const C = () => {
  const age = useContext(AgeContext);
  const score = useContext(ScoreContext);
  return (
    

      C:{age},{score}
    
  );
};

const AgeContext = React.createContext(0);
const ScoreContext = React.createContext(0);

export default () => {
  return (
    
      
        
      
    
  );
};