redux

问题 Using ngrx/redux, and following the ngrx example app as close as possible. Now I'm doing this somewhere in the application: get totalItems (): number { return sumBy(this._data.items, 'metadata.value'); } Where the _data is the raw async data from a remote server, and is part of some data of a User . Now I have some options: 1. Create a Class User constructor (public _data: UserResponse) {} And have some methods like: get name (): string { return this._data.name; } get address (): string {

问题 I'm building a project management app and I'm still struggling with a question - what to store in Redux state and what load "on demand". Is there any known "maximum recommended size" of a Redux state? Dozens of kilobytes, hundreds of kilobytes, units of megabytes, ...? 回答1: Keep in mind that, at the end of the day, Redux is just a paradigm for "how" to save your information in memory. It doesn't add or reduce the amount of data you are keeping track of. As an example: let's say your app was

问题 I am not able to render any component on any route other than "/". Here is my code for routes.js import React from 'react' import ReactDOM from 'react-dom'; import { BrowserRouter as Router, Route, } from 'react-router-dom' import StockTable from './containers/stockTableContainer'; import StockDetail from './containers/stockDetailContainer'; export const getRoutes = (store) => { return( <Router> <div> <Route exact path ='/' component ={StockTable}/> <Route path ='/details' component =

问题 I see this topic You must pass a component to the function returned by connect. Instead received undefined, but it's does not about my case. So, I cannot undurstand what is the wrong with my presentation/container connection? I connect they one to each other, but I get an error: You must pass a component to the function returned by connect. Instead received undefined /* COMPONENT */ import React from 'react'; import AddTodo from '../../Actions/AddTodo' import TodoFormAdd from '../..

问题 After enabling historyApiFallback in the webpack config file and restarting the server, when changing location pathname, the browser refreshes, causing outer elements to re-mount (what I mean is that, I can see it flash white and back to normal) where this should only happen for nested the.props.children . In my particular case, there's a <Navbar /> element that is always present at the top and a container that has the { this.props.children } . I wonder what's going on? App entrypoint: import

问题 Working from the redux real-word example code base here I noticed that when I scroll down a large list of repositories, that when I then visit a user page and immediately go back that my scroll position in the repositories list is maintained. However, after I removed the redux DevTools from the Root container I then noticed that my scroll position was no longer maintained. I'm trying to build a similar react/redux web app where it's important to maintain scroll position. Can anyone tell me

问题 I am working on a React and Redux application that uses ImmutableJS to store all of it's state. The app receives data from a sensor at about 100 Hz. I need to draw a graph that updates in real time and displays this data. I have been using React-Vis for the graph, the problem is that it takes an array of objects and not an ImmutableJS data structure. I have solved this by converting the ImmutableJS data structure to an array like this: const data = this.props.HEGPercentage.toIndexedSeq()

问题 Is it possible to return promise/signal from action creator, resolved when Redux thunk has successfully dispatched certain action? Consider this action creator: function doPost(data) { return (dispatch) => { dispatch({type: POST_LOADING}); Source.doPost() // async http operation .then(response => { dispatch({type: POST_SUCCESS, payload: response}) }) .catch(errorMessage => { dispatch({type: POST_ERROR, payload: errorMessage}) }); } } I want to call some function asynchronously in the

问题 After moving the app.js file from the component folder to the containers folder I can't add the site on github. Here's what the command line says: What can be done to fix this problem? the problem is not only the misuse of the git remote add command 来源： https://stackoverflow.com/questions/58818028/after-moving-the-app-js-file-from-the-component-folder-to-the-containers-folder

问题 update 2: hi, sorry I forgot to mention about the api call in my question earlier I making an api call in redux way. so in my actions/index.js file I am calling my api in getSports method. but the problem is when I try to retrieve the values I am getting an error. A cross-origin error was thrown. React doesn't have access to the actual error object in development. See b.me/react-crossorigin-error for more information. so I debugged the props in the class AsyncValidationForm console.log(