• 如何使用Redux Thunk在Redux中调度异步操作:TypeError:无法读取未定义的属性“ loading”

    我已经在Redux端设置了所有内容,并且在Redux Devtool中看到了所有操作。它运作完美。当我想在React Component中调度动作时,会发生问题。在登录组件中,我要调度操作,等待其响应,然后根据响应将其重定向到页面或显示错误。这是我的代码: userActions.js import axios from "axios"; import { LOGIN_USER, LOGIN_USER_SUCCESS, LOGIN_USER_FAILED, } from "./types"; ...
  • 分派Redux Action创建者的方法之后。整个应用程序正在不断重新加载?从字面上看没有发生什么事?

    所以我将JWT令牌存储在本地存储中。现在,无论何时我关闭并在新选项卡中打开我的应用程序,我的商店数据都会丢失。因此,为了处理这个问题,我正在检查用户是否使用JWT令牌登录,以及是否正在从服务器获取用户数据并将其存储到Redux存储。在执行此操作时,我的页面将不断重新加载。 componentDidMount() { //When main component mounts if (localStorage.getItem("token") && !this.props.user.Logge...
  • 如何为数组中的每个项目创建唯一链接?

    我要制作7天的天气应用,因此我需要为用户创建一个天数以便打开几天,以查看有关当天天气的更多信息。因此,这意味着用户选择的每个项目都必须包含唯一的ID(我不知道我可以在这种情况下使用索引而不是ID)来仅显示某天的信息。所以在此之前我有一些代码: const DailyWeatherData = ({dailyData, isLoading}) => { const getWeatherStatistic = (value0,value1) => { if(dailyData && A...
  • HandleChange Redux

    我在与Redux结合使用handleChange输入时遇到问题,它几乎可以正常工作,但不能完全正常,因为当我更改状态时,在一个字段中有状态更改,请猜测我想要实现的状态,但是当我在另一个字段中更改时这种状态从第一个状态消失,并保存在第二个状态中(在下面的图片中,我显示了我的意思)。我有两个这样的令人信服的想法,即在reducer的“ value:action.payload.num_building ||”行中,并代替“ do'”,以便总有东西存在。当我执行发布时,我会进行修剪,以便没有空间,发布将以空值形式...
  • 如何在React Redux中从API上分配响应数据?

    我目前正在从事一个电子商务项目,我们正在使用react-redux。但是我在使用Jwt登录模块的操作上使用Axios请求调用从API实例返回响应时遇到问题。 这是Axios文件,由基本URL和实例组成。 api / lib / axios.js: /* eslint-disable no-nested-ternary */ import axios from "axios" import { store } from "../../redux/store" import { REFRESH_TOKEN } ...
  • React如何基于Redux管理的状态中的值使用React-Router加载私有路由

    我想在解决路由和Redux问题方面获得您的帮助。当前,我有一个应用程序,它具有用于呈现网站组件的网站路由,以及用于呈现仪表板组件的私有路由。所有的网站路由和组件都可以正常工作,但是我在渲染专用路由时遇到了麻烦。当路由转到“专用路由”组件时,我检查Redux存储以查看用户是否已通过身份验证,并根据if语句中评估的结果,返回相应的路由。具体的问题是redux需要花费一些时间来验证属性的值,因此“用户未通过身份验证”选项首先运行,将用户重定向到登录页面。登录组件依次检查用户是否已通过身份验证,然后重定向到仪表板。...
  • 我的react-admin捆绑包很大(860KB)

    我已经尝试配置各种不同的优化方法,但是我的react-admin软件包大小仍然很大,为860KB。 我该怎么办?正常吗可能是什么原因?我将在一分钟内用我的webpack配置发布链接。 我认为目前尚无任何聪明的方法来进行代码拆分。我实施的资源很少,应该始终将它们一起使用。 Link to my common webpack config: https://pastebin.com/t6uMWiJ6 const path = require('path'); const webpack = require('w...
  • 如何将默认值传递给Redux表单

    I have build a redux form it's a user profile form where user can edit profile detail For that. I want to put initial Value that is available in backend after that they can edit them as well. But I tried the way doc says https://redux-form.com/6.0.0-alpha....
  • 目前在Redux-React应用中排序时出错

    I have app wrote on pure React where I make request to server and get response - category list. This list I can sort by asc-desc when I click by title table id.I needed to remake small part of my React app to Redux. But when I remake this part to redux I ...
  • 试图了解如何使用react和redux发出PUT请求

    我正在尝试学习反应和还原,目前正在构建留言板。 我已经设法添加和删除消息,但是现在我试图了解如何编辑带有对我的json服务器的PUT请求的消息,但从没有做过PUT请求,所以在此之前都是新的。 这是我收到消息列表的组件,在观看了教程,他们使用输入对消息进行了如下编辑之后,我尝试了一下。 但是我无法使其正常工作,而且我陷入了困境,试图了解我需要在哪里更改代码。 现在,我既不能键入输入,也不能将id添加到我的提取/ PUT请求中,或者现在不能执行PUT请求(可能部分是reducer的bcs)? 任何人都有建议,从...
  • ReactJS:TypeError:无法读取未定义的属性“ includes”

    我想提前道歉,因为我是使用React Framework的新手,并且我的代码编写不干净。我目前正在使用选择器为API中的JSON数据在代码中创建--Filter By--下拉列表。但是我的代码中不断出现这种错误。在过去的两天里,我一直在处理此问题,但至今仍无法解决。 我的代码: 选择器 import { createSelector } from "reselect"; const getItems = (state) => [state.shop]; const getValue = (state) =...
  • 使用React应用重新加载窗口时状态会丢失

    我正在做一个任务,在其中构建MERN电影数据库应用程序的前端。 我已经获得了一切都能正常工作的一切,但是我注意到当我刷新Movie组件的页面时,状态(我认为)丢失了,并且尝试映射我的评论数组时出现类型错误,并且(TypeError:无法读取属性'map'的未定义)。 这是电影详细信息组件的代码: import React, { Component } from 'react'; import {connect} from "react-redux"; import { Glyphicon, Panel, ...
  • 使用React Redux编辑数据

    I want to handle Edit/update action on my modal value of my blog. how can I pass the value to my modal with prefilled value and can able to handle the update action accordingly. 关于这个的任何建议。 //Action.js export const updateBlog = (id, blog) => (dispatch, getS...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部