reactjs相关内容

Reaction Native+Firebase 9,不能使用off()引用取消订阅onValue更改

Firebase 9,实时数据库/EXPO原生反应。 问题:我无法取消订阅Firebase RTD onChange事件侦听器。 文档说明:在父监听程序上调用off()不会自动删除在其子节点上注册的监听程序;还必须对子监听程序调用off()才能删除回调。 Firebase docs 错误:当我尝试对引用使用.off时,得到reference.off() is not a functi ..
发布时间:2022-07-25 20:27:11 其他开发

在react.js中的ComponentDidmount()中执行FETCH之前,如何通过Navigator.geolocation获取用户的位置?

我尝试了各种不同的方法,但都被难住了。在Reaction中使用承诺和进行API调用是新手。这是我目前的情况: import React, { Component } from 'react' import Column from './Column' import { CardGroup } from 'reactstrap'; let api = "https://fcc-weather ..
发布时间:2022-07-25 16:46:11 其他开发

将反应查询测试与测试库集成

目标 我正在构建一个NextJS应用程序,它使用Reaction-Query来获取数据。 我现在正在尝试实现一个测试框架。然而,当我运行yarn test时,我得到以下错误。从Reaction-Query文档中,我了解到错误通常与未包括在_app.js中的情况有关。 我怀疑我需要为index.test.js中的Reaction-Query ..
发布时间:2022-07-24 10:56:43 其他开发

如何修复NextJS中的暗模式背景色闪烁?

所以我的问题是,Next.js无法访问客户端上的localStorage,因此将提供默认情况下具有或不具有class="dark"的HTML。 这意味着当用户重新加载页面时,短暂地没有class="dark",导致在执行某个Java脚本并将class="dark"添加到之前,出现浅背景色闪烁。如果我将class="dark"与class="dark"一起发送,则会出现 ..
发布时间:2022-07-24 10:38:03 前端开发

如何在Next.js中为身份验证创建HOC?

我想为身份验证创建基本的Next.js。我找了,但没找到。 我的Next.js应用程序中有一个管理页面。我想从http://localhost:4000/user/me获取,该URL返回我的用户。如果用户数据返回,则必须呈现组件。如果数据没有返回,我想重定向到/admin/login页。 我尝试了此代码,但它不起作用。我怎么才能解决这个问题呢?我还可以使用useSWR代替fetch吗? ..
发布时间:2022-07-24 10:29:38 其他开发

TS表达式生成的联合类型太复杂,无法用Material-UI和@Reaction-Three/Fibre表示

我创建了一个Next.js应用程序,它使用Material-UI和@Reaction-Three/Fibre库。 我最近将Material-UI传递给V5,出现错误。 以下是错误: 我搜索了所有内容以将其删除,但什么也没有找到。 所以我尝试使用Material-UIV5创建一个新项目,并逐个安装其他依赖项。在开始时未显示错误,但在安装@react-three/fiber和@re ..

材料用户界面工具提示在移动设备上不起作用

已尝试将工具提示转换为依赖于onClick事件的受控组件 这在移动和网络上运行得很好,但它失去了在悬停时显示工具提示的原始行为 是否有解决方案可以使工具提示在鼠标悬停和点击时均可使用 推荐答案 因此,我们最终需要一个在悬停和单击时都可以使用的工具提示。 默认材料-用户界面工具提示在Web和移动设备上都运行良好。 ..
发布时间:2022-07-23 23:33:57 前端开发

这些错误意味着什么:getReadModeConfig、getReadModeRender、getReadModeExtract

我们的一些用户在提交表单时收到这些错误(getReadModeConfig、getReadModeRender、getReadModeExtract)。我们正在使用Reaction与材料的用户界面的形式。不知道这些错误到底是什么意思。如有任何帮助,将不胜感激 推荐答案 我也从09/25左右开始多次看到报告此错误,UA字符串始终是HeyTap浏览器。我同意丹·斯诺珀在上面的评论中所说的: ..
发布时间:2022-07-23 23:27:17 前端开发

如何对内部反应组件使用handleClick

我正在尝试使用handleClick链接到内部页面,但它不起作用。如果我使用一个实际的URL,例如LinkUrl=‘https://google.com’,它将工作得非常好。但是我有一个问题,那就是LinkUrl只接受实际的链接。我如何将其链接到内部页面。我尝试导入页面以使用它,如您在此处所见,但不起作用。 import React from "react"; class Cardlist ..
发布时间:2022-07-23 21:25:52 其他开发

Babel+Jest配置

问题: Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config, ..
发布时间:2022-07-23 18:51:24 前端开发

使用Reaction钩子中的公共函数设置多个状态

我在最近的项目中遇到了一个问题,其中我有一个表单,其中包含基本的用户详细信息,如First Name、Last Name、Email、Mobile No、OTP。这些字段是我在react-hook中创建的状态。 现在,我必须编写一个handleInputChange函数,该函数将接受两个参数作为输入,并更新该字段的相应状态值。 另外,如果在我的handleInputChange中设置状态之前 ..

反应+useState()+PreviousState

我是个新手,在理解useState钩子--或者更具体地说是previousState方面--方面遇到了问题。 一个普通的useState钩子,可能也是最常见的示例,如下所示: import React, { useState} from 'react'; export default function CounterHooks({ initialCount }){ const [ ..
发布时间:2022-07-23 15:22:26 前端开发

渲染道具还是特制?

我正在努力从头开始学习反应,并对概念有深入的了解! 今天我搜索了一些特别的、渲染道具以及两者之间的区别。我已经检查了两者的渲染时间。我在Render中写入了console.log('rendered')以检查浏览器控制台中的呈现时间。 HOC:当我使用HOC编写可用的组件时,我看到每次为HOC呈现的道具和使用HOC的组件的道具都发生了变化。 渲染道具:在本例中,我更改了道具,但只渲染 ..