通过 onAuthStateChanged 在 Firebase 中查询包含数组的用户数据时遇到无限循环问题

我的当前环境是ReactJS18.2.0，使用Firebase10运行。我目前遇到的问题是使用onAuthStateChanged在用户加载或登录页面时查询有关用户的数据。以下是一个用于处理FirebaseAuth的自定...

来自于 [React讨论组] 2023-08-18 15:16:51 0  1  416

标题重写为：无论如何，我都无法从我的数组中获取一个值

我正在尝试在我的React组件中显示来自数组的数据。我可以在浏览器开发者控制台中通过console.log()看到我需要的数据：FinalRecords.js::recordTitle:(4)0:{members:Arr...

来自于 [React讨论组] 2023-08-18 15:22:01 0  1  594

使用useEffect来保持背景颜色状态的技巧

我正在尝试保存愿望单切换按钮的背景颜色，以便当用户跨页面时，按钮的颜色保持为“黑色”，以向用户显示他们已经将该物品保存到愿望单中。constItem=(props)=>{constdispatch=useDispa...

来自于 [React讨论组] 2023-08-18 15:08:53 0  1  498

useCallback如何帮助代码运行更快？

所以据说，useCallback可以缓存一个函数，我认为意图是为了使代码运行更快。例如，如果我有：consthandleChange=(ev)=>{setMsg(ev.target.value);};我也可以将其改...

来自于 [React讨论组] 2023-08-18 10:02:15 0  1  491

如何在React JS和Lenis平滑滚动中切换屏幕时滚动回顶部

我正在使用lenis来实现平滑滚动，并且我有一个ScrollToTop.js文件，我在我的App.js中使用它。当页面没有滚动时，它运行得很好，但是当我点击一个按钮，将我带到另一个页面时，“平滑滚动”正在发生时，scro...

来自于 [React讨论组] 2023-08-18 09:58:58 0  1  640

在使用Reactjs时如何设置Cross-Origin-Opener-Policy

如何解决在我的React应用中出现的“Cross-Origin-Opener-Policy策略将阻止window.closed调用”的错误？这个错误似乎与服务器上设置的Cross-Origin-Opener-Policy...

来自于 [React讨论组] 2023-08-18 09:41:51 0  1  602

始终使用401 res在OpenWeather()中 - react-open-weather库

我想在我的React应用程序中添加天气小部件，我尝试使用React-Open-Weather库。但是获取数据的函数useOpenWeather()总是返回401，我通过将它放在react-open-weather文档中提...

来自于 [React讨论组] 2023-08-18 09:24:49 0  1  507

修改类后，浏览器中的TailwindCSS未更新

我正在使用React运行Tailwind，但为了看到我对classNames所做的更改，我必须重新启动服务器并再次运行npmrunstart才能看到更新。有没有什么我需要在我的脚本中更改的地方，这样浏览器就不需要重新启动...

来自于 [React讨论组] 2023-08-18 09:24:44 0  1  487

如何在ReactJS中每隔5秒显示一条消息

我有一个消息数组，我想在我的React页面的Header组件中显示该数组中的每个消息。constarray=['a','b','c','d'];我想在一个标签中显示每条消息，同时我需要一个清除超时函数，以防止每次点击后时...

来自于 [React讨论组] 2023-08-18 09:19:37 0  1  478

我可以在基于游标的分页中使用页面项目吗？

我可以在基于游标的分页中使用页面项吗？例如，是否可以直接访问特定页面。例如，如果要求直接跳转到第五页，可以这样做，因为页面本身没有明确编号。

来自于 [React讨论组] 2023-08-17 22:12:25 0  1  496

在使用对象数组时，连接 yup 和 react-hook-form 的名称

我正在尝试通过register将react-hook-form与yup的模式连接起来，但是遇到了一个错误。我的目标是传递一个类似于exampleArray${index}.exampleProp的名称，因为我将在循环中渲...

来自于 [React讨论组] 2023-08-17 21:56:44 0  1  470

如何将React应用程序嵌入WordPress块中，以供最终用户渲染？

我想在WordPress块中嵌入我的React应用程序，并为最终用户提供此应用程序。我的期望是我可以把我的应用程序放在view.js中，但是我无法使view.js的内容渲染出来。我可以通过edit.js中的Edit()在...

来自于 [React讨论组] 2023-08-17 21:15:10 0  1  452

嵌入式按钮在链接中，如何停止onClick链接的连锁效应

我有类似下面示例的代码。我正在尝试创建一个可点击的网格单元格，将用户发送到一个URL，但是当点击嵌入的图像按钮时，我只希望触发onClick事件，而不是其他事件，是否有可能做到这样？我尝试添加一个stopPropagat...

来自于 [React讨论组] 2023-08-17 21:31:04 0  1  433

PDF.js无法显示渲染的画布图像

我有一个显示PDF的React组件。当我使用这个组件时，我只需要传递PDF的URL。组件处理预览的细节。我遇到的问题是这个组件不显示PDF。我是否遗漏了什么？我应该怎么做来解决这个问题？下面是一个演示：const{Str...

来自于 [React讨论组] 2023-08-17 20:02:20 0  1  585

在ReactJS中，如何从一个单独的文件中更新useState的值？

我正在尝试从两个不同的文件中访问和更新对象的状态，如果我为每个文件使用本地的useState，那么我可以更改它，但这样不起作用，我尝试了许多不同的解决方案，使用自定义钩子和本地状态，但没有一个解决我的问题，我在这个问题上...

来自于 [React讨论组] 2023-08-17 19:46:21 0  1  561