redux

问题 I know, that to redux-persist was added an ability to reset my persisted store after some timeout: https://github.com/rt2zz/redux-persist/pull/713 Unfortunately, I can"t implement it... Where I should add this timeout? I have tried smth like this: const persistor = persistStore(store, { timeout: 10000 }, () => { persistor.purge(); }); And this: const persistConfig = { key: 'order', storage: localStorage, timeout: 6000, ///!!! whitelist: ['orderReducer'], blackList: ['advantagesReducer'] };

问题 I am going to create an application using angular 6 and ngrx v6. I have created the following app state. app.module.ts StoreModule.forRoot({'user': userReducer, 'events': eventsReducer}), app.state.ts import { UsersState } from '@app/reducers/users.reducers'; import { EventsState } from '@app/reducers/events.reducers'; export interface AppState{ user:UsersState, events:EventsState } users.reducers.ts export interface UsersState { lastInteractionTime: number, bookmarksId: object } const

问题 It is the form that has problem https://github.com/lukeclarkson/portal/blob/master/components/client/AddClientForm.js And it is the form container https://github.com/lukeclarkson/portal/blob/master/containers/client/AddClientContainer.js. I added a new field to the form "Active" It has database field "status" I created component for it https://github.com/lukeclarkson/portal/blob/master/components/common/form/renderRadioGroup.js I am facing problem to pass redux value to it. My text component

问题 In my Angular app, I have a function which replaces replaces the current reducer used by the Store. However, after upgrade from @ngrx/store v2.2.2 to v6.1.0, "replaceReducer" function seems to have been removed from the Store interface. I've gone through the NGRX migration guide (https://github.com/ngrx/platform/blob/master/MIGRATION.md) hoping to find a possible solution or an alternative way to go around the issue but I can't find any reference to the removed "replaceReducer" function

问题 I want to add redux implementation to my simple Login application with some react navigations. This is my App.js file where I'm importing my AppDrawerNavigator import React, {Component} from 'react'; import {createAppContainer, createStackNavigator} from 'react-navigation'; import HomeScreen from './screens/HomeScreen.js'; /** Importing navigator */ import AppDrawerNavigator from './drawerNavigator'; class App extends React.Component { render() { return <AppContainer />; } } export default

问题 I have an input with type file as a React component. This is part of a multi-page form. So for text fields in the form I store the data in Redux so that at the end I can upload all the data at the very end. This will work fine for the text fields. But for an input where it takes in a file I don't see how this can work. How can I store the file selected in Redux so that at the end I can upload it as part of the data at the end? 回答1: You can store the file in the same way your store other text

问题 How do we handle the scenario where a change in the state of one property affects the state of another? Here's the actual scenario that may help clarify the problem I'm trying to solve. I have a general purpose date picker component which can be used as a completely independent component or it can be "linked" to another instance of date picker. I use this "linked" approach whenever I need the user to set two dates e.g. start and end dates. The idea is that when the user sets the start date, I

问题 I am using redux in my application where I am trying to do increment and decrement. /actions/index.js export const INCREMENT = "SCORE_INCREMENT"; export const DECREMENT = "SCORE_DECREMENT"; const scoreAction = { increment() { return { type: INCREMENT }; }, decrement() { return { type: DECREMENT }; } }; export default scoreAction; /reducers/index.js import * as actions from "../actions"; const scoreReducer = (state = 0, action) => { switch (action.type) { case actions.INCREMENT: return state +

问题 The error I'm receiving is "react-dom.development.js:55 Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {counter}). If you meant to render a collection of children, use an array instead." It occurs when I change Counter.js from <p>{this.state.counter}</p> to <p>{this.props.counter}</p> From my understanding, I'm using the mapStateToProps and mapDispatchToProps and I should be able to pull at least the initialState of the counter, which is 0. I'm

问题 I am getting the Redux state updated correctly. Here is what the Redux state of updateNeeded is (In this case it is true). I am console logging the value this.props.mandatory_fields.updateNeeded but it is always the initial state that I set. It is not getting updated from the Redux State. Below is the code where I make the api call. class CompleteProfile extends Component { state = { completeProfile: false, } componentDidMount = () => { let { dispatch, session } = this.props dispatch