【react】react 中使用context 的方法------跨組件傳值

 

context的基本使用，以及什么時候會用到context?

        1、通過React.createContext創建生產者和消費者組件

        2、通過生產者組件(GlobalContext.Provider)來生產所有組件所需要的數據，注意當前生產者組件中有
        一個屬性value,value的值就是生產的數據
        
        3、如果某些組件需要使用生產者生產的數據時候，需要用消費者組件(GlobalContext.Consumer)進行包裹

        注意的地方是消費者組件內部必須是一個函數，函數必須返回一個jsx語法，另外這個函數的形參就是生產者
        的數據


        當你需要跨組件傳值的時候就需要用到context

 

 

context 的使用（傳遞數據）

 

 

 通過createContext  創建一個生產者，共下面的消費來使用。

 

 

 

 

 

 context使用的基本使用

1、創建文件（引入及導出）------------1、通過React.createContext創建生產者和消費者組件

 

 

 

  2、在main.js 文件中引入，通過 <GlobalContext.Provider> 標簽中的value來生產數據-----

2、通過生產者組件(GlobalContext.Provider)來生產所有組件所需要的數據，注意當前生產者組件中有
        一個屬性value,value的值就是生產的數據

 

 

 

 

 3、使用數據（引入，標簽包裹，函數）-----------------

3、如果某些組件需要使用生產者生產的數據時候，需要用消費者組件(GlobalContext.Consumer)進行包裹

        注意的地方是消費者組件內部必須是一個函數，函數必須返回一個jsx語法，另外這個函數的形參就是生產者

        的數據

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

擴展內容