TypeError:无法使用Firebase读取未定义的react-redux useSelector的属性[id]
这个错误信息是由于在使用Firebase读取未定义的react-redux useSelector的属性[id]时引发的TypeError。让我们逐步解释这个错误信息的含义和可能的解决方案。
TypeError是JavaScript中的一种错误类型，表示出现了类型错误。在这种情况下，它意味着您正在尝试使用未定义的属性[id]，而该属性在您的代码中没有被定义或初始化。
在这个特定的错误信息中，涉及到了Firebase、react-redux和useSelector。Firebase是一种云计算平台，提供了一系列的后端服务，包括实时数据库、身份验证、存储等。react-redux是一个用于在React应用中管理全局状态的库，而useSelector是react-redux提供的一个钩子函数，用于从全局状态中选择特定的数据。
根据错误信息，您正在尝试使用useSelector来读取一个未定义的属性[id]。这可能是因为您没有正确地初始化或定义该属性。要解决这个问题，您可以按照以下步骤进行操作：
- 确保您已经正确地导入了所需的依赖项。在这种情况下，您需要确保已经正确地导入了Firebase、react-redux和useSelector。
- 检查您的代码中是否存在对属性[id]的定义或初始化。您可以查看相关的代码行，确保在使用该属性之前已经定义或初始化了它。
- 确保您的Firebase配置和初始化正确。您需要确保已经正确地配置了Firebase，并且在使用Firebase之前已经进行了初始化。
- 检查您的全局状态是否包含了属性[id]。使用useSelector选择器时，您需要确保全局状态中存在该属性。您可以检查全局状态的定义或初始化，以确保它包含了所需的属性。
如果您仍然无法解决这个问题，您可以提供更多的代码和上下文信息，以便我们能够更好地帮助您找到解决方案。
请注意，由于您要求不提及特定的云计算品牌商，我无法为您提供与腾讯云相关的产品和链接。但是，您可以在腾讯云的官方网站上找到相关的产品和文档，以获取更多关于腾讯云的信息。
相关·内容
我在react中是新的，所以我尝试遵循redux教程，并得到了这个错误- TypeError:无法读取未定义的属性(读取'map')
如果有人能帮忙，我真的很感激，谢谢！
下面是我的代码
import React, {useState} from 'react'
import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
export const PostsList = () => {
const posts
浏览 7提问于2021-12-10得票数 1
回答已采纳
在使用TypeError修复了“未定义的const { id } = useParams();：无法读取未定义的属性(读取'params')”之后，我就有了这个错误。
ProductDetail.jsx
import React, { Fragment, useEffect } from 'react';
import Carousel from "react-material-ui-carousel";
import "./ProductDetails.css";
import {useSelector, useDispatch
浏览 1提问于2022-06-16得票数 1
我正在使用match.params从后端获得单个产品的id，但是我得到了错误，请帮助我解决这个错误。
import React, { useEffect } from "react";
import Carousel from "react-material-ui-carousel";
import "./ProductDetail.css";
import { useSelector, useDispatch } from "react-redux";
import { getProductDetails } from "
浏览 15提问于2022-11-01得票数 0
下面是我试图获取用户数据并在突出显示的代码部分中获取错误的配置文件组件。为什么userData是未定义的？
import React, {useEffect} from 'react';
import {useDispatch, useSelector} from 'react-redux';
import { getUserProfile } from '../../actions/userActions';
import Styles from './Profile.module.scss';
const Profile =
浏览 7提问于2021-04-16得票数 1
回答已采纳
我的密码。
import React from 'react'
import { useSelector } from 'react-redux';
export default function ProductDetail() {
const product = useSelector((state)=>state)
const datas = product.allProducts.products.Data
console.log('data',datas )
return (
)
}
这段代码执
浏览 4提问于2022-05-25得票数 0
2回答
该应用程序在本地完全正常工作。此错误出现在我使用firebase宿主部署它之后。下面的代码是从api资源中获取数据的组件。
import React, { useEffect, useState } from 'react'
import{ useSelector, useDispatch} from "react-redux"
import { setProducts } from "../containers/redux/actions/productActions"
import ProductComponent from './P
浏览 1提问于2022-01-16得票数 0
1回答
有人能解释为什么我能读user.token_type，但如果我试图读user.user.id，它没有定义吗？
const user = useSelector(
(state) => state.userreducer.user.token_type /* WERT AUS REDUX DB*/
);
输出:无记名
const user = useSelector(
(state) => state.userreducer.user.user.id /* WERT AUS REDUX DB*/
);
输出: TypeError:无法读取未定义的属性&
浏览 2提问于2022-07-24得票数 0
回答已采纳
你好，我对React.js REDUX有个问题
你能帮帮我吗？
：我想将api显示到组件上的列表中
发布：Uncaught :无法读取未定义属性(读取“映射”)和未定义属性( TypeError:无法读取未定义属性(读取“映射”)
这是减速机：
import { ActionTypes } from "../contants/action-types";
const intialState = {
products: [],
};
export const productReducer = (state = intialState, { type, payload })
浏览 2提问于2022-10-06得票数 0
我要开始用reactJS了。我尝试检查我的userId是否包含在数组中，以显示它们是否存在于数组中。 下面是我的代码： import React from 'react';
import { useSelector } from 'react-redux';
const RequestTeam = ({ userData }) => {
function ListItem(props) {
return <li>{props.value}</li>
}
function RequestL
浏览 116提问于2021-04-21得票数 0
我正在尝试测试一个组件，它使用redux进行状态管理。
为了快速测试，我想模拟useSelector，如下所示：
const templates = [
{
id: ...,
name: ...,
...
},
{
id: ...,
name: ...,
...
},
]
jest.mock('react-redux', () => ({
...jest.requireActual('react-redux'),
useSelector: jest.fn(),
}));
des
浏览 6提问于2022-08-26得票数 1
回答已采纳
我得到了类似于TypeError的错误:无法读取BookingCar.js页面中未定义的属性(读取'params')，我的错误图像和代码是
App.js代码是
import "./App.css";
import { BrowserRouter as Router, Route, Routes, Navigate } from "react-router-dom";
import Home from "./pages/Home";
import Login from "./pages/Login";
i
浏览 8提问于2021-12-14得票数 1
回答已采纳
我对javascript非常陌生，我正在尝试从订单返回中获取信息，以显示在DeliveryReturnScreen.js页面上。通过在我的OrderHistoryScreen.js中按一个按钮/处理程序来访问这个页面。我的问题是，DeliveryReturnScreen是空白的，我无法得到我的信息，以显示。我不确定我是否正确地设置了我的.map()，但是在我的控制台中，我收到了一个TypeError:无法读取未定义(读取'devolucionItems')错误的属性。我不知道为什么我收到这个问题作为我的devolucionItems和所有返回信息显示在我的mongodb一旦按下
浏览 1提问于2022-02-18得票数 0
我正在尝试创建一个简单的web应用程序，其中列出了使用REACT REDUX的fakestore api的产品。但是react抛出了错误"TypeError:无法读取未定义的属性(正在读取'map')“。
productListing.jsx
import React, { useEffect } from 'react';
import axios from 'axios';
import { useDispatch, useSelector } from 'react-redux';
import { setProdu
浏览 1提问于2021-09-27得票数 1
我有一个自定义钩子，它调用一个saga函数，然后在测试这个函数im获取时调用一个axios。
TypeError:未定义不是一个函数
我只想测试这个函数是否被调用了。
postsHook.test.tsx
import { renderHook } from "@testing-library/react-hooks";
import usePostsHook from "./postsHook";
import { initCommentUpdates, getPostsInit } from "../actions/postActions"
浏览 0提问于2020-05-14得票数 0
回答已采纳
1回答
React :未定义的还原剂作用
、、、、
我做了增量和递减计数器按钮，我使用redux来触发增量和递减的操作，但是我得到了"Counter.js:11 Uncaught TypeError:无法通过单击按钮读取未定义的(读取‘添加’)的属性“错误。
这是密码：-
store.js
const counterSlice = createSlice({
name: "counter",
initialState: {
countNumber: 0,
countToggle: true,
},
reducers: {
addition(s
浏览 5提问于2022-10-07得票数 0
回答已采纳
我正在我的React Native应用程序中处理react-redux的useSelector，我得到了以下错误：
TypeError: TypeError: (0, _reactRedux.useSelector) is not a function.
我的代码是：
import { useSelector } from 'react-redux';
const availableMeals = useSelector(state => state.meals.filteredMeals);
根据官方文档，这是useSelector最简单的用法，但我得到了这个错误。
之
浏览 0提问于2019-11-07得票数 5
嗨，我正在尝试构建一个todo应用程序，并试图在todo列表中添加todo，但是我得到了以下错误：
TypeError:无法读取未定义的属性“映射”
以下是错误代码：
4 | function TodoList() {
5 | const list = useSelector((state) => state.todoList.text);
6 | return (
> 7 | <div>
8 | {list.map((todo)=>{
9 | <li>todo</li&
浏览 3提问于2021-09-05得票数 0
回答已采纳
1回答
我正在尝试编译totalBalance，但是我面临错误，无法读取未定义的属性“reduce”，同时我可以在组件的客户端上迭代代码如下
//redux and firebase
import { useSelector} from 'react-redux'
import { useFirestoreConnect, isLoaded, isEmpty} from 'react-redux-firebase'
const Clients = () => {
useFirestoreConnect(["client"]) //the n
浏览 4提问于2021-01-26得票数 0
回答已采纳
为一个依赖于很多钩子的页面编写测试，而我对测试代码不是很有经验。最重要的是，更少的经验嘲弄所涉及的钩子(useSelector，useEffect等)，页面将从屏幕底部衍生出一个抽屉来选择选项。当抽屉关闭时，我的测试失败了，错误为"TypeError:无法读取未定义的属性‘破坏’“，并指向Material使用的makeStyles钩子以定义样式规则，但它确实看起来像主题提供程序提供了样式规则，因此我不确定问题。如果有人有洞察力的话需要帮助。
import { Provider, useSelector } from 'react-redux';
import thunk
浏览 2提问于2020-07-15得票数 0
2回答
我正在开发一个页面，它从API中获取数据，并使用Material和Datagrid组装一个表。我的目标是将数据解析到表中。我的数据是这样的
{
id: 1,
device_mrid: "xxx1",
canaryDeviceId: "xxx",
},
{
id: 2,
device_mrid: "xxx2",
canaryDeviceId: "xxx",
},
{
id: 3,
device_mrid: "xxx3",
ca
浏览 5提问于2021-03-26得票数 0
我对一些错误有意见。我已经试着解决这个问题一个星期了，但我还是找不到问题.
未定义的TypeError:无法对“match.parse”的属性“用户名”进行重构，因为它没有定义。
import React, { useEffect } from 'react';
import qs from 'qs';
import { withRouter } from 'react-router-dom';
import { useDispatch, useSelector } from 'react-redux';
import PostL
浏览 1提问于2022-02-24得票数 0
当我使用const data = useSelector(state => state.user.userData); console.log(data);时，我可以读取数据。
我在控制台上看到了该输出
{_id: "602afea4c03c9a38c8csd5", isAdmin: false, isAuth: true, email: "test@gmail.com", name: "John", …}
当我尝试在我的userData对象中获取电子邮件输出时，如下所示。
const data = useSelector(state =&
浏览 18提问于2021-02-16得票数 0
我正在做堆栈克隆，但是得到了两个错误
Navbar.jsUncaught Uncaught :无法读取Homebar.js中未定义的属性(读取“结果”)：无法读取Homebar.js中未定义的属性(读取数据)
我无法得到如何解决这个问题，我想得到主页，但只是得到空白页与上两个错误在console.log
这是我的Homebar.js
import React from "react";
import { useSelector } from "react-redux";
import QuestionList from "./QuestionList&
浏览 6提问于2022-10-26得票数 1
回答已采纳
1回答
拥有这个function函数，尝试运行一个测试，但是它没有通过它：
import React, { useEffect } from 'react';
import { useDispatch, useSelector, shallowEqual } from 'react-redux';
import { useIntl } from 'react-intl';
import {
PrimaryButton,
OutlineButton
} from 'react-komodo-design';
const Butto
浏览 2提问于2021-04-07得票数 0
TypeError:无法分解(0，_reactRedux.useSelector)(.)的属性“reintroduceHouseStatus”因为它是未定义的。
正如您在上面的屏幕截图中所看到的，我唯一失败的地方就是传递yarn test。
import axios from 'axios';
import React, { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import { History } from '
浏览 1提问于2021-03-03得票数 4
回答已采纳
在处理代码时在第13行中遇到了一些错误，当值未定义并且读取为0时，我如何解决这个
错误信息
homepage.js:13未定义TypeError:无法读取未定义的属性(读取'0')
const dispatch = useDispatch();
const danceClass = useSelector((state) => state.class);
const { classes } = danceClass;
const [dance, setDance] = useState(
classes[0] ? classes[0].s
浏览 11提问于2022-04-05得票数 0
回答已采纳
嗨，我是网页开发方面的新手，我正在尝试用消防站数据库制作一个防火墙应用程序。我有一个用户登记表，在这个表格中，我需要得到日期。对于日期，我使用了datepicker，但无法获得选定的日期，并在将其转换为防火墙时间戳之后。我试过了，但我不知道有什么不对：
Html表单：
<input class="datepicker" type="text" id="subscriptionDeadline" placeholder="Subscription Deadline">
Javascript代码：
var curren
浏览 0提问于2019-06-22得票数 2
回答已采纳
2回答
数组在使用酶呈现的组件中未定义？
、、、、
我有一个简单的组件，它使用useSelector和useDispatch钩子从我的redux存储中分派和获取当前状态，并在它们上映射以返回子组件。 我刚开始使用钩子进行测试，在阅读了一些文章之后，我用jest mock模拟了两个redux钩子，以查看它们在挂载时是否被调用，但是，在运行测试时，我的状态数组返回为未定义，因此测试失败。有人知道为什么会这样吗？ COMPONENT.tsx import React, { useEffect, useState } from 'react';
import { useDispatch, useSelector } from '
浏览 34提问于2020-12-07得票数 1
我有一个错误，上面写着Can't import 'UseSelector' from react-redux。我正在做的是一个名为“入门”的小项目--我正在使用firebase并对此做出反应，下面是出现错误的代码文件
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './s
浏览 1提问于2020-08-17得票数 3
回答已采纳
1回答
--当我使用useSelector时，我想不出为什么它会返回未定义的
在控制台日志中，它显示未定义的TypeError: movies.results
store.js
import {configureStore} from '@reduxjs/toolkit';
import moviesReducer from './movies/movieSlice';
export const store = configureStore({
reducer:{
movies:moviesReducer
}
})
mo
浏览 4提问于2022-02-09得票数 0
回答已采纳
我正在开发一个react应用程序，但我面临着这个错误-> "Uncaught :无法读取未定义的属性(读取‘长度’)“。怎么解决这个问题？我的代码是：
import React from "react";
import { Grid, CircularProgress } from "@material-ui/core";
import Post from "./Post/Post";
import useStyles from "./styles";
import { useSelector } from "
浏览 10提问于2022-02-21得票数 1
我有产品的动态路线
import React from 'react';
import { useSelector } from 'react-redux';
import { Container, Row, Col } from 'reactstrap';
const Product = (props) => {
const products = useSelector(state => state.products);
const product = products.find(product => pr
浏览 3提问于2020-04-10得票数 0
4回答
如果用户没有名字、中间名或姓氏，它将显示一个未定义的。我如何删除下划线，但我会说他们需要单击此链接来更新他们的个人资料 ? import { useSelector } from "react-redux";
const mapState = ({ user }) => ({
currentUser: user.currentUser,
});
const Settings = () => {
const { currentUser } = useSelector(mapState);
const name =
currentUser
浏览 123提问于2021-09-26得票数 0
回答已采纳
请帮帮我!我被这个问题堆积如山，因为我正在经历这个React + Django电子商务项目。当我尝试将Redux带到主屏幕时，就会发生这种情况。我商店中的产品列表无法加载并返回"TypeError:无法读取未定义的属性‘映射’“。
下面是我的密码，请帮帮我。谢谢。
主屏幕
import React, { useState, useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { Row, Col } from "react
浏览 1提问于2021-04-28得票数 0
回答已采纳
我对此完全不熟悉。我花了几个小时来解释这件事。基本上，我试图复制一个项目来理解主要概念。在项目中，代码显然工作得很好，但是我收到了一个"TypeError: Cannot read properties of undefined (reading 'search')“错误。我希望这里有人能给我解释一下，我错过了什么。
我认为错误来自以下代码行：
SigninScreen：
const redirect = props.location.search
? props.location.search.split("=")[1]
: "/"
浏览 41提问于2021-12-02得票数 2
我有一个图像数组，我试图上传到firebase (消防局)，但当我试图上传时，它抛出的错误dataUrl.match不是一个函数。这是我的密码：
Form.js
import { db, storage } from "../../firebase";
import {
addDoc,
collection,
doc,
serverTimestamp,
updateDoc,
} from "@firebase/firestore";
import { getDownloadURL, ref, uploadString } from "
浏览 11提问于2021-12-17得票数 2
回答已采纳
在这里，我有一个名为User的模型
import mongoose from "mongoose";
const Schema = mongoose.Schema;
const userSchema = new Schema({
name: {
type: String,
required: true
},
email: {
type: String,
required: true,
unique: true
},
password: {
浏览 2提问于2022-11-10得票数 0
回答已采纳
我已经尝试学习redux几天了，但我不能学习它。状态在react native redux中的useSelector中是未定义的，但是当我使用UseSelector时，这种情况总是发生，状态是未定义的，请帮助。这是我的代码，最简单的形式。 import React from 'react';
import {Provider} from 'react-redux';
import Home from './screens/home';
const App = () => {
return (
<Provider sto
浏览 19提问于2021-10-22得票数 0
1回答
我有一个父组件，在这里获取数据：
import React, { useEffect, useState } from "react";
import BoxWithSearch from "../components/sub-components/BoxWithSearch";
import { useDispatch, useSelector } from "react-redux";
import { listCompanies } from "../actions/companyActions";
export defa
浏览 3提问于2021-09-21得票数 1
回答已采纳
2回答
useSelector钩子在Gatsby.js应用程序中遇到了麻烦。除非从redux安装文件显式导出store并将其导入组件文件，否则钩子无法到达redux的store。<Provider>似乎是不可用的。
错误:在选择存储状态时发生错误:无法读取未定义的属性“user”
我想我在某种程度上搞砸了redux安装或gatsby-browser // ssr设置，但我不知道…到底是如何实现的。任何帮助都将不胜感激。
// App.js
import React from 'react'
import { useSelector, useDispatch } from
浏览 1提问于2020-01-06得票数 0
在这里，我返回一个jsx元素，元素呈现和API命中，但是当我使用product.name时，它返回的是未定义的
import { useAlert } from 'react-alert';
import { useDispatch, useSelector } from 'react-redux';
import { getProductDetails, clearErrors } from '../../actions/productActions';
const ProductDetails = ({ match }) => {
浏览 5提问于2022-01-26得票数 0
回答已采纳
2回答
redux商店没有连接
、、、
我正在将存储连接到我的react应用程序，但是它给了我错误的TypeError:状态是未定义的
存储/index.js(创建还原器函数)
import {createStore} from 'redux';
const counterReducer = (state:{counter:0},action) => {
if(action.type==='increment')
{
return {
counter: state.counter + 1
}
}
if (action.type === 'd
浏览 3提问于2021-07-02得票数 0
嗨，当我的任务是空的，它给了我一个对象空错误，我想我需要设置条件，但无法弄清楚它的方式和地点
import React, { useState, useEffect } from "react"
import { useSelector, useDispatch } from 'react-redux';
import AddTasksForm from "./AddTasks";
import TaskItem from "./TaskItem";
import database from '../fireba
浏览 1提问于2020-06-20得票数 0
我设法使用React-Redux方法、useSelector和useDispatch以及React的useEffect方法将数据从my json.server获取到所需的组件中。
让我困惑的是，尽管数组的内容已经存在，但它的关键字却显示为未定义。
控制台输出：
组件：
import React, { useEffect } from 'react';
import SetlistItem from './SetlistItem';
import { fetchSongs } from '../../actions/index'
import {
浏览 0提问于2020-05-19得票数 0
我有一个从redux获取is state的组件。我有一个提供程序，它分派一个操作来获取状态，然后使用useContext将该状态向下传递给这个组件，这在所有其他渲染上都有效，这很奇怪……refresh，get TypeError:无法读取未定义(读取'find')刷新的属性，工作正常。刷新，工作正常。refresh，get TypeError:无法读取未定义的属性(读取'find')刷新工作，很好。 问题是当我尝试在状态上运行查找时，我得到了错误 我猜状态更新得不够快，计算机正在尝试通过不存在的东西进行forEach？ 下面是我的代码 import React
浏览 14提问于2021-11-05得票数 0
我仔细地检查了我的代码，没有存储、还原函数、提供程序的错误，但是useSelector钩子返回了App.js中未定义的内容。为什么它返回未定义的？
redux.js
import {createStore} from 'redux'
const counterReducer = (state = {counter:0}, action)=>{
if(action.type ==='increment'){
return {counter:state.counter+1}
}
浏览 2提问于2021-09-16得票数 0
我对javascript非常陌生，我正在尝试让我的totalProfit显示在我的订单列表页面上。我一直得到一个TypeError:无法读取未定义(读取'toFixed')的属性，我已经包含了我所拥有的内容。我非常感谢你对我为什么会有这个问题的任何帮助或建议。谢谢!
OrderListScreen.js
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { deleteOrder, lis
浏览 6提问于2021-12-07得票数 -1
1回答
我有一个表单，可以将数据和图像发送到firebase (消防局)。我创建了一个只存储urls的集合。我需要的是一种基于文档引用ID查询不同图像url的方法，因为在我的层次结构中，最后一个集合创建具有唯一ID的文档，并且我无法查询它们以获得图像url。
Form.js
import { useSelector } from "react-redux";
import { db, storage } from "../../firebase";
import {
addDoc,
collection,
doc,
updateDoc,
} from &
浏览 1提问于2021-12-22得票数 1
我想实现以下目标。redux中的操作将导入到此组件中。它从firebase数据库中获取数据。数据显示在此组件中。我的问题是，由于优化，每次挂载组件时都会获取数据。我想阻止这种行为。我希望这个只获取第一次组件是渲染，而不是更多。当然，它应该在数据更改时获取，否则不会。我使用了useCallback，但是在下面的代码中肯定有错误。当用户通过身份验证时，会传递令牌和Id。 import { fetchFavs } from "../../store/actions";
import { useSelector, useDispatch } from "react-redux
浏览 76提问于2021-03-01得票数 -1
回答已采纳
这是我的React代码，使用useSelector，我试图从存储中读取一个名为currentUser的属性，但它不起作用： import { useSelector } from 'react-redux';
const currentUsr = useSelector(state => {
console.log('state:', state);
//state.get('currentUser');
state.currentUser;
});
console.log('current
浏览 36提问于2020-10-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
