react中不使用props和state让组件触发传递数据的方法createContext

最新推荐文章于 2026-06-22 14:42:46 发布

原创最新推荐文章于 2026-06-22 14:42:46 发布 · 544 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#react.js #javascript #前端

收录于

本文介绍了如何在React应用中使用createContext和useContexthook创建和访问SgrbqContext，以及如何在组件间传递和管理状态。通过SgrbqContextContainer包裹组件，展示了上下文API的用法。

import React, { createContext,} from 'react';
export const SgrbqContext = createContext(null);

export const SgrbqContextContainer = function ({ children }) {
    const [valuename, setvaluename] = useState("")

    return (
        <SgrbqContext.Provider value={{ valuename, setvaluename }}>
              {children} 
        </SgrbqContext.Provider>
    );
}
1.让后在需要使用的组件父组件上面引入SgrbqContextContainer 包裹你的父组件就行了
2.在你需要使用的组件上面使用需要引入SgrbqContext
  const {valuename,setvaluename}= React.useContext(SgrbqContext);