react-redux

问题 I have built an app on ReactJS 16.8.5 and React-Redux 3.7.2. When the app loads the app mounts, initial store is set and database subscriptions are set up against a Firebase Realtime Database. The app contains a header, Sidebar and content section. I have implemented reselect along with React.memo to avoid rerendring when props change, but the Sidebar component is still re-rendering. Using React profiler API and a areEqual comparison function in React.memo I can see that the Sidebar is being

问题 I have built an app on ReactJS 16.8.5 and React-Redux 3.7.2. When the app loads the app mounts, initial store is set and database subscriptions are set up against a Firebase Realtime Database. The app contains a header, Sidebar and content section. I have implemented reselect along with React.memo to avoid rerendring when props change, but the Sidebar component is still re-rendering. Using React profiler API and a areEqual comparison function in React.memo I can see that the Sidebar is being

问题 What is the correct way to get state from the Redux store within the useEffect hook? useEffect(() => { const user = useSelector(state => state.user); }); I am attempting to get the current state within useEffect but I cannot use the useSelector call because this results in an error stating: Invariant Violation: Hooks can only be called inside the body of a function component. I think I understand why as it breaks one of the primary rules of hooks. From reviewing the example on the Redux docs

问题 I'm stuck on making firebase work in my gatsby application that uses Redux with Redux-sagas. I know about the existence of firebase-sagas but I'm trying to make without using it. I'm trying to init firebase auth by: import * as firebase from 'firebase/app'; import 'firebase/auth'; export const app = firebase.initializeApp( { apiKey : "apiKey", authDomain : "project.firebaseapp.com", databaseURL : "https://project.firebaseio.com", projectId : "project", storageBucket : "project.appspot.com",

问题 Both Redux Thunk and Redux Saga are middleware of Redux. What is the difference between two and how to determine when to use Redux Thunk or Redux Saga? 回答1: Both Redux Thunk and Redux Saga take care of dealing with side effects. In very simple terms, applied to the most common scenario (async functions, specifically AJAX calls) Thunk allows Promises" to deal with them, Saga uses Generators. Thunk is simple to use and Promises are familiar to many developers, Saga/Generators are more powerful

问题 Both Redux Thunk and Redux Saga are middleware of Redux. What is the difference between two and how to determine when to use Redux Thunk or Redux Saga? 回答1: Both Redux Thunk and Redux Saga take care of dealing with side effects. In very simple terms, applied to the most common scenario (async functions, specifically AJAX calls) Thunk allows Promises" to deal with them, Saga uses Generators. Thunk is simple to use and Promises are familiar to many developers, Saga/Generators are more powerful

问题 All around it but not quite as I have enough of an idea of redux-thunk and of react-router but I am not getting this seemingly simple idea of: Call a change in route programmatically via <Route/> 's history.push('/') after an action has finished dispatching to the store, this to happen when a button is pushed. const LoggerRedux = ({stateProp, LogIn}) => { return( <div> <h2>Here is the button. Use this to login</h2> <Route render={({ history}) => ( <button type='button' onClick={ //Something

问题 This question already has answers here : How does Access-Control-Allow-Origin header work? (16 answers) Closed 2 years ago . I am trying to make api call through Redux actions & reducers in my React Application. However, I am getting this CORS issue on my browser. I was wondering if i can resolve this issue from a client side as i donot have any access to the API internally. Could anyone please help me solve this issue? Here is the code for newsActions.js : import * as types from '.

问题 I have a pure Component like this? interface CheckBoxOptions { multiSelected?: boolean showOuterCheckBoxOnSelected?: boolean } interface Props { checkBoxKey?: any itemTitle?: string isCheckBoxSelected?: boolean checkBoxStyle?: any mainContainerStyle?: any checkBoxTitleStyle?: any checkBoxBackgroundColor?: any onPressCheckBox?: (id, isChecked, selectedArray , options?: CheckBoxOptions) => void itemKey?: any options?: CheckBoxOptions } In this i need this options interface since the no can

问题 Redux is a great library to use with React. However I am facing an issue, when you update root state through reducer it looks through all the components and re renders them if they are subscribed to that state. And this is causing me a lot of trouble because I am working on a complex project which has too many components and changing one's state does affect something else. For eg. I have a root state which composed of, RootState LayerState DocumentState blah, blah, blah And there are views