每当我尝试从 Reducer 使用 useDispatch() 函数时，我的组件内部都会再次出现错误。这是我的 Reducer，我用它从 DB 获取所有项目并将其显示在页面上。export const getPost = (posts : any ) => {return {type : actionTypes.GET_POSTS,posts}}这是我在组件中的 useEffect : us
2020-07-02
我尝试将帖子添加到我的 Firebase 数据库，但出现标题所示的错误（未捕获（在承诺中）FirebaseError：使用无效数据调用函数 addDoc()。不支持的字段值：未定义（在文档帖子/5TT9b7F0lkqxoivmsIiH 中的字段标题中找到））。这是我的代码：import React, { Component } from 'react';import { addDoc, colle
2022-01-25
我正在使用 ReactJS 创建一个应用。这是一款电子商务应用。将一些产品添加到购物车后，我必须填写表格才能完成订单。这应该会将信息发送到 Firebase 并创建一个新的集合，但我收到了错误Uncaught FirebaseError: Function addDoc() called with invalid data. Unsupported field value: a function
2022-08-21
我收到此错误。我已成功将图像添加到存储并获取 URL，但当我想将文档添加到我的收藏夹时，我收到此错误。我正在以与 Firebase 相同的方式实现代码，此处为 addDoc => 的参考https://firebase.google.com/docs/firestore/manage-data/add-data#web-version-9_1admin:1 Uncaught (in promise
我正在尝试将数据添加到 Firebase 数据库。在执行此操作时，我收到此错误：“FireBaseError：使用无效数据调用的函数 addDoc()。不支持的字段值：未定义”。注册表单需要 2 个输入：姓名和电子邮件。函数handleSubmit将从表单中获取输入的姓名和电子邮件，并将其中的addDoc函数添加到数据库。FirebaseConfig.js包含 Firebase 的所有配置。Reg
2022-04-06
编辑：这是重复的，请参阅此处我找不到在设置状态时使用动态键名的任何示例。这就是我想要做的：inputChangeHandler : function (event) {this.setState( { event.target.id : event.target.value } );},其中 event.target.id 用作要更新的状态键。这在 React 中不可能吗？
2015-03-26
这是我的代码：function App() {const [input, setInput] = useState();const [imageURL, setImage] = useState();const [box, setBox] = useState({});const calculateFaceLocation = (data) => {const clarifaiFace = dat
2023-02-25
因此，我正在 Skillshare 上做一个关于如何创建微博的教程。作为 github 登录的一部分，他指示构建一个具有 axios 帖子的函数。每当我调用此路由时，它都会在第 12 行出现错误“TypeError：无法读取未定义的属性（读取‘post’）”，这是下面的变量。我似乎无法弄清楚出了什么问题。知道为什么会给我这个错误吗？const githubAuthResult = await ax
2022-10-22
我对 JavaScript 测试完全陌生，正在使用新的代码库。我想编写一个测试来检查元素上的 className。我正在使用 Jest 和React Testing Library。下面我有一个测试，它将根据variant属性呈现一个按钮。它还包含一个 className，我想测试它。it('Renders with a className equal to the variant', () =>
2018-11-20
我正在尝试在 nextjs 版本 10.2.3 中测试动态导入，我尝试使用 jest-next-dynamic 库来避免抛出错误TypeError: require.resolveWeak但是当我在 jest 测试用例中调试组件时，我得到以下输出并且无法获取应该加载的真实组件 <ForwardRef(LoadableComponent) .../>我的测试用例it('should render I
2021-10-23
由于使用了一个翻译库调用'react-simple-i18n'，我在模拟我的一个 React 组件时卡住了。在我的 React 组件中，我需要从这个库导入一个函数来使用它，如下所示：import { useI18n } from 'react-simple-i18n/lib/'const MyComponent = ({ data }) => {const { t } = useI18n()ret
我已安装 react redux 工具包，并添加了 jest 而不是 vitest 进行测试。我想测试模式窗口是否在 App 组件中呈现（如果 isOpen 标志为 true）。我只模拟了我需要的商店部分。不是整个商店。应用组件function App() {const { isOpen: isPostModalWindowOpen } = useAppSelector(selectPostMod
2023-12-03
我正在使用 useContext 在 React 应用程序中传递状态，我是测试新手，我正在尝试对名为 timer.js 的 React 组件进行单元测试（Jest/Enzyme）import React, { useEffect, useContext } from 'react';import { GameContext } from './global/contexts';export def
class PlayerControls extends React.Component {constructor(props) {super(props)this.state = {loopActive: false,shuffleActive: false,}}render() {var shuffleClassName = this.state.toggleActive ? "player-
2015-11-28
我必须根据浏览历史记录实现一些业务逻辑。我想要做的是这样的：reactRouter.onUrlChange(url => {this.history.push(url);});当 URL 更新时，有没有办法从 react-router 接收回调？