更新来自类组件的React上下文值

编码器

我在React应用程序中有一个类组件有用。然后我需要一个全局变量并到达React的上下文。我创建了Context,可以使用它的值。

但是我需要更新它的值,我读了很多书,看来我必须使用React Hooks更新Context值。但是我的组件是类组件,在这里我不能使用钩子。

我的问题是,如果我想使用上下文,就不能使用类组件?现在,我正在学习React,并多次遇到了Hooks。如果挂钩很重要,这意味着我们必须一直使用功能组件吗?

我该怎么办?我只需要更新我的全局变量并使用它的值即可。

丹尼斯瓦什

如果我想使用上下文,我不能使用类组件吗?

不,您可以在类组件中使用上下文。请参阅文档中的“上下文”部分,所有示例均包含类。

我们必须一直使用功能组件吗?

不,您可以使用任何您认为合适的方法。

但是,没有实际的理由再使用类组件(实现Error Boundary除外)。React官方建议使用hook和composition,因此首选方法是Function Components。

我该怎么办?我只需要更新我的全局变量并使用它的值即可。

作为名称的全局变量表示,其全球应用程序的范围(而不是绑定到组件的范围样的状态)。您可以从任何地方更新它

const globalObject = { name: `myVar` };

// Can be updated from any scope as you keep the reference.
const FunctionComponent = () => { globalObject.name=`a`; return <></>; }

// Outer scope
globalObject.name=`b`;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React上下文值没有更新

来自分类Dev

无法更新上下文值

来自分类Dev

上下文不更新类型的值

来自分类Dev

当提供程序组件的父状态更改时,为什么不能更新子组件中的值(带有react上下文)?

来自分类Dev

React.js:更新多个组件共享的上下文API时出现问题

来自分类Dev

使用来自 Activity 的上下文从 Adapter 类中的 Viewholder 创建对象 - 没有为“上下文”传递值

来自分类Dev

值未在react中使用上下文传递给子组件

来自分类Dev

在类组件中使用多个上下文

来自分类Dev

如何更改功能组件中的上下文值?

来自分类Dev

测试反应组件期间的不变违规错误,该组件消耗来自上下文 api 的道具

来自分类Dev

如何从 onChange 处理函数中更新 React 上下文

来自分类Dev

useDispatch()错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

来自分类Dev

React&TypeScript:避免上下文默认值

来自分类Dev

React-如何获取上下文中的钩子值

来自分类Dev

React 中未定义上下文值

来自分类Dev

反思-来自深层上下文的SetValue

来自分类Dev

如何更新来自React.js中Web套接字服务器的值?

来自分类Dev

如何更新来自React.js中Web套接字服务器的值?

来自分类Dev

扩展按钮类中的上下文意味着什么?什么是上下文的默认值?

来自分类Dev

更新来自不同类的Java swing组件

来自分类Dev

Web组件-什么是执行上下文?

来自分类Dev

是否在从React中相同上下文派生的Provider实例之间共享上下文值?

来自分类Dev

反应来自库的上下文而不在使用者中更新

来自分类Dev

Django - 来自上下文处理器的变量在部署时未更新但在本地工作

来自分类Dev

刷新页面时清除上下文值(来自状态)

来自分类Dev

使用来自多个相关模型的值创建上下文对象

来自分类Dev

来自上下文值的提供者不会改变

来自分类Dev

从onClickListener类显示Toast的上下文

来自分类Dev

C ++基于上下文的类实现

Related 相关文章

  1. 1

    React上下文值没有更新

  2. 2

    无法更新上下文值

  3. 3

    上下文不更新类型的值

  4. 4

    当提供程序组件的父状态更改时,为什么不能更新子组件中的值(带有react上下文)?

  5. 5

    React.js:更新多个组件共享的上下文API时出现问题

  6. 6

    使用来自 Activity 的上下文从 Adapter 类中的 Viewholder 创建对象 - 没有为“上下文”传递值

  7. 7

    值未在react中使用上下文传递给子组件

  8. 8

    在类组件中使用多个上下文

  9. 9

    如何更改功能组件中的上下文值?

  10. 10

    测试反应组件期间的不变违规错误,该组件消耗来自上下文 api 的道具

  11. 11

    如何从 onChange 处理函数中更新 React 上下文

  12. 12

    useDispatch()错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

  13. 13

    React&TypeScript:避免上下文默认值

  14. 14

    React-如何获取上下文中的钩子值

  15. 15

    React 中未定义上下文值

  16. 16

    反思-来自深层上下文的SetValue

  17. 17

    如何更新来自React.js中Web套接字服务器的值?

  18. 18

    如何更新来自React.js中Web套接字服务器的值?

  19. 19

    扩展按钮类中的上下文意味着什么?什么是上下文的默认值?

  20. 20

    更新来自不同类的Java swing组件

  21. 21

    Web组件-什么是执行上下文?

  22. 22

    是否在从React中相同上下文派生的Provider实例之间共享上下文值?

  23. 23

    反应来自库的上下文而不在使用者中更新

  24. 24

    Django - 来自上下文处理器的变量在部署时未更新但在本地工作

  25. 25

    刷新页面时清除上下文值(来自状态)

  26. 26

    使用来自多个相关模型的值创建上下文对象

  27. 27

    来自上下文值的提供者不会改变

  28. 28

    从onClickListener类显示Toast的上下文

  29. 29

    C ++基于上下文的类实现

热门标签

归档