• 2025-01-05[cause]: TypeError: e_.createContext is not a function (Next.js 15)
    开发Next.js项目遇到报错: [cause]:TypeError:e_.createContextisnotafunction 出现这个报错的原因是在Next.js项目中,在 ServerComponent 中使用了MUI组件,但是MUI组件没有做SSR适配就会导致这个报错。解决办法解决办法就是在文件顶部添加 useclient 声明,让
  • 2024-09-21React 中的上下文:更好的方法
    首先看一下这段代码:usercontext.jsimport{createcontext,usecontext}from"react";constusercontext=createcontext({user:{name:'defaultuser',age:0},setuser:()=>{}//wecanalsopassstatehere.});exportconstthemeprovider=
  • 2024-04-04 简单理解 React 的 createContext 和 Provider
  • 2023-04-3010-react不同层级的组件之间的数据传递数据 createContext 上下文
    //组件传值props接收传递过来的数据importReactDomfrom"react-dom"import{createContext,Component}from"react"//createContextisuseedtocreateacontextbojectionfromcontextproperties//返回一个对象//Provider提供状态Consumer使用状态
  • 2023-03-17React使用createContext搭配useReducer模拟Redux
    1.准备importReact,{useReducer}from'react';//import{useIntl}from'react-intl';//用于国际化后续在写入暂时无效2.用于存放数据的函数constiniti
  • 2023-02-12学习笔记jira项目22usecontent存储全局信息
    constAuthContext=React.createContext<|{user:User|null;register:(form:AuthForm)=>Promise<void>;login:(form:AuthForm)=>Promise<
  • 2023-02-12学习笔记jira项目21-jwt原理和auth-provide
    constAuthContext=React.createContext<|{user:User|null;register:(form:AuthForm)=>Promise<void>;login:(form:AuthForm)=>Promise<
  • 2022-12-2805|Context API
    ContextAPI是React官方提供的一种组件树全局通信的方式。ContextAPI有3个关键的要素:React.createContext、Provider、Consumer。我们通过调用React.createConte
  • 2022-09-04反应上下文
    反应上下文ReactContextD耳朵伙计们:反应上下文API今天将讨论。React最好的特性之一是ReactContextAPI。如果你有兴趣,你应该继续阅读,因为这将是一个了不起的