I usually create a global.js containing: module.exports = { screen1: null, }; And get the value of the state on the screen import GLOBAL from ‘./global.js’ constructor() { GLOBAL.screen1 = this; } Now you can use it anywhere like so: GLOBAL.screen1.setState({ var: value });
You will have to use selectors for that. I’ll give a simple example. Create a file selectors.js and add the fields you want to select from your store, as shown below. export const username = (state) => state.user.name; Then in your saga, import the selectors as, import * as selectors from ‘./selectors’; and when you … Read more
I was also facing a similar issue, adding a parent Suspense fixed it for me. Something like this: <Suspense fallback={<Loader />}> <Component> <Suspense fallback={<Loader />}> <LazyLoadedComponentA /> </Suspense> </Component> <Component> <Suspense fallback={<Loader />}> <LazyLoadedComponentB /> </Suspense> </Component> </Suspense>
You can call getState() over a store to get the list of reducers and the current state inside the reducers. Import the store into auditLoading (use store to get values. Don’t mutate the store) store.getState().auditLoading will give you the state of auditLoading reducer. This approach is similar to the callback provided by redux-thunk. In which … Read more
Reducers, by definition, only have access to the section of state that they own. So, if I have {users: usersReducer, posts: postsReducer}, the usersReducer has no access to the posts state slice at all. See the Redux FAQ entry on “how can I share state between reducers?” for more details.
Non-simple CORS requests via AJAX are pre-flighted. Read more about it here. This is a browser behavior and nothing specific to axios. There’s nothing inherently wrong with this behavior and if it’s working for you, you can just leave it. If you insist on getting rid of it, there are a few ways you can … Read more
This is convention of private methods and variables. In JavaScript there is no real privacy of classes. It means that you should not use these method (starting with “_“) out of your object. Of course technically you can, but “_” means that you should not.
You reducer doesn’t have a default action in switch statement. Which is why even though you mentioned the initial state in reducer params, undefined is returned as store initial state import React from ‘react’; import {Map,fromJS} from ‘immutable’; const reducer = (state = Map() ,action) => { switch(action.type){ case ‘SET_STATE’: return state.merge(action.state); default: return state; … Read more
Please use the queryByTestId instead getByTestId for the case. It will work.
Yes, you can. There is a great Redux DevTools Extension for Chrome/Firefox/Electron which adds a new Redux tab to devtools: You can import and export current store, go back in history, change whatever you want and much more.