react-redux

问题 I am using formik plugin in reactjs and I want to useState variables after form submit. Both this and setState are undefined and I can't achieve it. Can anybody please help me to get this done? See screenshot (below) 回答1: In JavaScript , class methods are not bound by default. If you forget to bind this.LoginApp and pass it to onSubmit , this will be undefined when the function is actually called (as you already noted). This is not React-specific behavior; it is a part of how functions work

问题 I'm trying to figure out the correct way to use firestore.onSnapshot with react-redux. I currently have this code in my action file, which I am calling on componentWillMount() in my component. export const fetchCheckins = () => async (dispatch) => { const {currentUser} = firebaseService.auth(); try { let timestamp = (new Date()); //set timestamp for beginning of today timestamp.setHours(0); //get checkins today let checkinstoday = (await firebaseService.firestore().collection(`/checkins/$

问题 I'm trying to figure out the correct way to use firestore.onSnapshot with react-redux. I currently have this code in my action file, which I am calling on componentWillMount() in my component. export const fetchCheckins = () => async (dispatch) => { const {currentUser} = firebaseService.auth(); try { let timestamp = (new Date()); //set timestamp for beginning of today timestamp.setHours(0); //get checkins today let checkinstoday = (await firebaseService.firestore().collection(`/checkins/$

问题 I have seen solutions for clearing/resetting the store after logout but did not understand how to implement the same functionality for the following way of setting up the redux store. Store.js: import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit' import authReducer from './ducks/authentication' import snackbar from './ducks/snackbar' import sidebar from './ducks/sidebar' import global from './ducks/global' import quickView from './ducks/quickView' import profileView from '.

问题 I have seen solutions for clearing/resetting the store after logout but did not understand how to implement the same functionality for the following way of setting up the redux store. Store.js: import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit' import authReducer from './ducks/authentication' import snackbar from './ducks/snackbar' import sidebar from './ducks/sidebar' import global from './ducks/global' import quickView from './ducks/quickView' import profileView from '.

问题 i am trying to build basic e-cart. My problem is that during sign up , information coming from the server is store in redux store and i also store in localstorage , it also save there , but sign up page is not redirecting to home page , in case of successful sign up. Here i am applying logic that if user is not null in store than it should be redirected to home page. It is only working when i manually refresh page , and then all time it works fine. So how to deal with this problem? Here is my

问题 Here's an action that return a post list and the images inside each post. Previously, this action was only returning the post list . How to adapt the reducer and the component to associate which images belongs to which post? Action export const recipesListFetch = (page = 1) => { return (dispatch) => { dispatch(recipesListRequest()); return requests .get(`/recipes?_page=${page}`) .then(async (response) => { const recipes = response["hydra:member"]; const imagesForRecipe = []; for (let i = 0; i

问题 I am successfully updating my 'global state' with Redux. I change the language index of my app using an action and it changes in the component; however, when I redirect to another component the state seems to reset to the default state value. Help pls... "react": "^16.13.1", "react-dom": "^16.13.1", "react-redux": "^7.2.0", "react-router": "^5.1.2", "react-router-dom": "^5.1.2", "react-scripts": "3.4.1", "redux": "^4.0.5", "redux-thunk": "^2.3.0" /redux/state.js export default { language: 0,

问题 I am using react-redux-firebase 's fireStoreConnect() middleware with a screen in my react-native mobile app. At the time of connecting the component to the redux store, I want to specify the firestore sub-collection I connect to, which depends on the user that is navigating the app. How should I specify the collection in firestoreConnect ? The user id is in the redux store. MWE: import React, { Component } from 'react'; import { View, Text } from 'react-native'; import { compose } from

问题 I am using react-redux-firebase 's fireStoreConnect() middleware with a screen in my react-native mobile app. At the time of connecting the component to the redux store, I want to specify the firestore sub-collection I connect to, which depends on the user that is navigating the app. How should I specify the collection in firestoreConnect ? The user id is in the redux store. MWE: import React, { Component } from 'react'; import { View, Text } from 'react-native'; import { compose } from