react-redux

问题 I am stuck in setting the server-side validation of the redux form. I have a registration form and performing a client-side validation perfectly, but while in server-side validation I am unable to understand how to display the error message from the server with a respective input field. API request const createMemberRegistration = user => { return dispatch => { dispatch({ type: POST_REQUEST }); processMemberRegistration(user) .then(user => { dispatch({ type: REGISTRATION_SUCCESS }); dispatch

问题 My basic static React Redux TypeScript app works locally on Windows, and then it also works when I deploy to GitHub Pages for every device I've tested except iPhone 6 iOS 12.0.1 (where it is a blank white screen). I've researched many articles, such as: React/redux app renders blank screen on Safari React/Node Uncaught SyntaxError: Unexpected token < Why deployed react app on gh-pages is showing blank page on different browsers while showing correctly on my browser? https://stackoverflow.com

问题 My code class LoginPage extends Component { render() { return ( <div> <TextInput/> <br/> <TextInput/> <br/> <Button onClick={() => { const dispatcher = useDispatch(); dispatcher(singIn()) }}>SING IN</Button> </div> ); } } I guess that I am using a hooks in a class component, but what can I use instead of useDispacth to my LoginPage? 回答1: For class components, you need to use connect method from react-redux . Use connect method and pass mapDispatchToProps function as shown below. import {

问题 I bootstrapped my application with create-react-app and when I run my app it compiles with warnings and it throws errors on the browser. Error while compiling ./node_modules/rc-picker/node_modules/moment/src/lib/locale/locales.js Module not found: Can't resolve './locale' in '/Users/macbook/Desktop/projects/pizza/Yummi-fend/node_modules/rc-picker/node_modules/moment/src/lib/locale' Error on browser Error: Cannot find module './locale' ▶ 2 stack frames were collapsed. __webpack_require__

问题 All around the web I see code dispatching directly from the component via this.props.dispatch passed in from the connect function from react-redux . My question is: why not simply dispatch directly from the actions file instead of just returning an action object back into the component and dispatching from there? I feel like I'm missing something here. It feels a bit wrong to dispatch directly from the component like that when we can simply call a function, pass in what's needed, and let the

问题 This question is about internals for partial re-renderings with React-Redux. To explain what I mean, I will first introduce a very crude technique for managing state without any state management libary. The technique uses a a huge "AppState"-object that is owned by the top-level App-component. Suppose that this AppState holds not only state-properties, but also several callbacks that mutate those state-properties. Furthermore, suppose that we use props to pass down this AppState throughout

问题 New hooks have been released with Redux version 7.1.0. I don't understand how to use these hooks in practice. Can someone give an example of how to use these hooks? 回答1: Please see sample. useSelector is like mapStateToProps , you select properties from store and component is updated when store is changed useDispatch is just returning dispatch . It like calling connect() with empty second argument. useStore is used to retrieve store . But such store access can only be used for store

问题 Don't know what the problem, i have tried everything. this issue is closest to mine, but it not helped me https://github.com/reduxjs/redux/issues/585 Reducer export default (state = [], action: any) => { switch (action.type) { case "GET_ALL": return [...action.sections]; case "ADD_ONE": return [...state, action.section]; case "REMOVE": return state.filter((section: Section) => section.id !== action.id); default: return [...state] } } Action Creator export function loadAll(id: number) { return

问题 I am new in react. I want to use form stepper in my project. I found one library but in that library using class components. I am little confuse convert class components to functional components. I have short knowledge of react. import {connect} from 'react-redux' import { Link } from 'react-router-dom' import PropTypes from 'prop-types' import Stepper from 'react-stepper-horizontal' import { Card } from 'reactstrap' import GeneralForm from './../../components/con/GeneralForm' import

问题 I have a login page, which redirects to a private /panel page if the login is successful and an accessToken is returned. I'm using Redux store to check for the token in the privateRoute component. Problems I'm facing: I want to implement logout from the /panel page using the exit icon. If I try to add another reducer in the combined reducer, I get TypeScript errors. What would be the best way to implement logout from the exit icon? Should I use the same tokenReducer add a LOGOUT case in the