从React上下文中获取更新的价值

发布于 2025-01-22 02:50:29 字数 157 浏览 0 评论 0原文

我有一个使用全局时间值的应用程序。所有组件都需要使用相同的时间值。我已经将此时间值（名为System_time）放在上下文中，并希望所有组件能够从上下文中获取最新的System_Time。我如何确保每秒更新context.system_time，并且在需要时可以使用更新的System_Time？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

秋日私语 2025-01-29 02:50:29

使用usestate和使用的混合物。使用setInterval更新状态，您将将其设置为1000毫秒。然后，只需确保在卸载时清除间隔即可。

您可能会使用类似的东西：

import React, { useState, useEffect } from 'react'

const App = () => {
  const [date, setDate] = useState()


  useEffect(() => {
    let interval = setInterval(() => setDate(Date.now()), 1000);
    
   //clear on unmount    
    return () => {
      clearInterval(interval)
    }
  })

  return (
    <div>
      {date}
    </div>
  )
}

export default App

当然，您的退货看起来会有所不同。但是我只是用它来证明它每秒都会更新。

然后，只需将您的状态传递到组件即可。

Use a mixture of useState and useEffect. Update state with setInterval, which you will set to 1000 milliseconds. Then, just make sure you clear the interval when you unmount.

You might use something similar to this:

import React, { useState, useEffect } from 'react'

const App = () => {
  const [date, setDate] = useState()


  useEffect(() => {
    let interval = setInterval(() => setDate(Date.now()), 1000);
    
   //clear on unmount    
    return () => {
      clearInterval(interval)
    }
  })

  return (
    <div>
      {date}
    </div>
  )
}

export default App

Your return will look different, of course. But I just used that to demonstrate that it updates every second.

Then, just pass your state to your components.

回复收藏 0 原文

~没有更多了~