我有一个简单的应用程序,到目前为止只有一个主登录组件,和一个主页的导航栏,用户应该被路由到一旦他们登录到应用程序。用户体验应该如下:用户从蓝色下拉菜单中选择名称,一旦该名称被选中,他们就单击绿色登录按钮,该按钮从loggedInSlice.js中分发loggedInSlice.js并将所选用户设置为授权对象,因为某种原因,当我将登录按钮包装到一个路由器链接标签中,导致主页时,我从redux商店中丢失了状态,但是当登录按钮没有链接到任何地方时,它不会丢失。我想了解为什么我在从authUser组件导航到Main.js组件时不保留redux userLogin.js状态。
组件:
App.js
im
我正在使用react、redux和redux-thunk,我必须在“逻辑层”中运行一组查询。每个"action“调用的结果决定了我所采取的路径,所以我实际上是在等待从对redux-thunks的分派调用返回的承诺。
const handleClick = async (args) => {
let foo = await dispatch(fetchFoo(args));
if(foo) { do something... }
else {
let bar = await dispatch(fetchBar(args));
if(bar) { do a
嗯,我正在学习redux,但我有点怀疑如何最好地使用api
我有应用程序:
import React,{Component} from 'react';
import logo from './logo.svg';
import './App.css';
import Home from './components/HomePage';
import { Provider } from 'react-redux';
import store from './store';
class App ext
因此,我使用MySQL、Node、React和Redux创建了一个用户身份验证登录系统。 我已经创建了一个注册端点来将注册用户插入到我的MySQL数据库中。 然后,我创建了一个登录端点,以便从我的MySQL数据库中选择已登录的用户。 What my folder structure looks like SignUpAndSignInComponent只返回我的SignUp和SignIn组件。 我的SignUp组件使用钩子来设置本地状态,然后通过我的注册端点传递给我的后端。 我的SignIn组件还使用钩子设置本地状态,然后将其传递给我的后端,以便从数据库中检索用户。 此时,我只在SignUp
我有下一个组件:
import React, { Component } from "react";
import { connect } from "react-redux";
import Navbar from "../Navbar";
import Modelado from "../app/ModeladoDeDatos";
import Grafica from "./Grafica";
import { Grid, Paper } from "@material-ui/core";
i
我创建了一个从API获取数据的示例,其中我使用了redux-thunk。下面的代码运行正常。
在这种情况下,我想使用redux saga重写代码。
import React from 'react';
import {createStore, applyMiddleware} from 'redux';
import ReactDOM from "react-dom";
import thunk from 'redux-thunk';
import axios from 'axios';
function A
我有一个带有react redux的Cart组件,还有一个showProducts组件,它从useEffect中的API (使用等待-异步)获取产品,然后使用useState设置一些状态,并使用调度来更新redux状态。我一直收到这样的警告:
Warning: Cannot update a component (`Cart`) while rendering a different component (`ShowProducts`). To locate the bad setState() call inside `ShowProducts`, follow the stack trac