redux

问题 I'm dispatching an action that runs a reducer that pushes some text to my redux state on form submit. I know in Vue you can preventDefault right in the DOM but I haven't seen anything in React that would make this seem possible. I'm wondering the best way to prevent the form from submitting so Redux can do it's thing. My code is below. Thanks! actions/index.js export function addLink(text) { return { type: 'ADD_LINK', text } } reducers/index.js (ADD_LINK) is the function I'm running /*eslint

问题 I am using Redux persist to persist my store for reducers. My application has two reducers Navigation and User Reducer.I want to persist only user state but I have to persist both states according to this syntax of redux persist. import {persistStore, autoRehydrate} from 'redux-persist' const store = createStore(reducer, undefined, autoRehydrate()) persistStore(store) the reducer that I have passed in the create store is the object of combine reducers. Problem: The problem I am getting

问题 import React from 'react'; import ReactDOM from 'react-dom'; import { createStore } from 'redux'; import createHistory from 'history/createBrowserHistory'; import { Provider } from 'react-redux'; import ConnectedRouter from 'react-router-redux'; import { Route, Switch } from 'react-router'; import Home from "./pages/Home"; import Register from "./pages/Register"; import CourseManagerDashboard from "./pages/CourseManagerDashboard"; import CourseDetail from "./pages/CourseDetail"; import App

问题 I know I shouldn't be trying to dispatch thunks from sagas, it goes against what redux-saga tries to do. But I'm working in a fairly large app and most of the code is made with thunks, we are migrating by bits and need to dispatch a thunk from inside a saga. The thunk can't be changed because it is used in other parts (a thunk that returns a promise), so it would break many things. configureStore: const store = createStore( rootReducer, initialState, compose(applyMiddleware(thunk,

问题 I've been struggling with this problem for several weeks now. I'm finally throwing in the towel and asking for help on this because I'm clearly not doing something right. I have a React.js app that is using redux and redux-thunk. I'm simply trying to get my Component Container to initiate the loading of data, but not render until the data comes back from the fetch request. Seems simple enough I know. Here is what I've done: Container Component 'use strict'; import React, { Component } from

问题 Created a simple app using create-react-app then updated my App.js and added redux/store. class App extends Component { render() { return ( <header className="header"> <h1>todos</h1> </header> ); } } function mapStateToProps(state) { return { data: state.data }; } function mapDispatchToProps(dispatch) { return bindActionCreators(ActionCreators, dispatch); } export default connect(mapStateToProps, mapDispatchToProps)(App); then trying to test my App on App.test.js using Enzyme and Jest. import

问题 I'm trying to type the redux store like this : const s:Store<S,A>=createStore (todoApp) but I get identifier Store ... Could not resolve name flow error any idea how to fix this ? I am using this flow typed declarations: // flow-typed signature: ba132c96664f1a05288f3eb2272a3c35 // flow-typed version: c4bbd91cfc/redux_v3.x.x/flow_>=v0.33.x declare module 'redux' { /* S = State A = Action */ declare type Dispatch<A: { type: $Subtype<string> }> = (action: A) => A; declare type MiddlewareAPI<S, A

问题 I am currently trying to add an event listener to an application I'm making in react. I'm doing this by hooking into the componentDidMount API, which runs only once the component is rendered and not more than that. My problem is that I'm using connect from react-redux to bind my action creators to store.dispatch . I'm not sure how to bind the event listener to the version of the action creator that is bound to the store with dispatch. Is there a graceful way to do this? import React,

问题 I am new to React and Redux, I am actually creating a code of myself but I got stuck with a router kind of thing inside stateless component. So, Actually I need to route to a component by using this.props.history.push('/somepath'). This is not happening inside a stateless component. My Stateless component is import React from "react"; // eslint-disable-line no-unused-vars import "bootstrap/dist/css/bootstrap.min.css"; import "./header.css"; const Header = () => ({ handleAuthor() { this.props

问题 I'm getting this error message on a React/Redux app that is minified and packaged with Browserify and Gulp and deployed to Heroku. bundle.js:39 You are currently using minified code outside of NODE_ENV === 'production'. This means that you are running a slower development build of Redux. But it seems the build step is being done in NODE_ENV = 'production' . I've a task that set the env variables like so gulp.task('apply-prod-environment', function() { return process.env.NODE_ENV = 'production