react-thunk

问题 I am trying to understand the difference between BrowserRouter and Router of the react-router-dom (v5) package and what difference it makes for my example below. The documentation says: BrowserRouter A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL. Source: https://reacttraining.com/react-router/web/api/BrowserRouter Router The common low-level interface for all router components. Typically apps will use one of the high

问题 I am trying to understand the difference between BrowserRouter and Router of the react-router-dom (v5) package and what difference it makes for my example below. The documentation says: BrowserRouter A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL. Source: https://reacttraining.com/react-router/web/api/BrowserRouter Router The common low-level interface for all router components. Typically apps will use one of the high

问题 I am trying to understand the difference between BrowserRouter and Router of the react-router-dom (v5) package and what difference it makes for my example below. The documentation says: BrowserRouter A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL. Source: https://reacttraining.com/react-router/web/api/BrowserRouter Router The common low-level interface for all router components. Typically apps will use one of the high

问题 I'm trying to get data from api about currencies and I get error about NaN. I console.log(this.props) There it is: There is what I already did. In my actionTypes.js export const FETCH_DATA_BEGIN = 'FETCH_DATA_BEGIN'; export const FETCH_DATA_SUCCESS = 'FETCH_DATA_SUCCESS'; export const FETCH_DATA_FAIL = 'FETCH_DATA_FAIL'; and also there is my action.js export const fetchData = () => { return dispatch => { fetch(`https://api.exchangeratesapi.io/latest?base=${this.props.base}`) .then(res => res

问题 Why don't chaining dispatch Redux Thunk? Only work first dispatch and second dispatch is not working. Store: const store = createStore(reducers, loadState(), applyMiddleware(thunk)); Action: export function doSomething(name) { return function (dispatch) { dispatch({ type: 'USERNAME', payload: name }) dispatch({ type: 'OTHER_TYPE', payload: 'text' }) return true; } } Edit It's worked: return Promise.all([ dispatch({ type: 'USERNAME', payload: name }), dispatch({ type: 'OTHER_TYPE', payload:

问题 I'm getting and error on createStor that I'm not understanding why import { createStore, applyMiddleware, combineReducers, compose } from 'redux'; import thunk from "redux-thunk" import promise from "redux-promise-middleware" import * as reducers from './reducers'; const middleware = applyMiddleware(promise(), thunk); export default createStore(reducers, middleware); Above is my code and I get the error in the line const middleware = applyMiddleware(promise(), thunk); The error is Expected

问题 Using React , Redux , Redux-thunk I want to have an initial state through a server request (API call) but I cannot seem to get this to work. What I have got so far: var Redux = require('redux'); var carReducer = require('./reducers/cars'); var thunk = require('redux-thunk').default; var initialState = require('./reducers/initialState'); var rootReducer = Redux.combineReducers({ cars: carReducer }); module.exports = Redux.applyMiddleware(thunk)(Redux.createStore)(rootReducer, initialState

问题 I'm using react native + redux + redux-thunk I do not have much experience with redux and react native I'm calling an action inside my component. this.props.checkClient(cliente); if(this.props.clienteIsValid){ ... } and within that action there is a call to an api that takes a few seconds. export const checkClient = (cliente) => { return dispatch => { axios.get(`${API_HOST}/api/checkclient`, header).then(response => { dispatch({type: CHECK_CLIENT, payload: response.data }); //valid or invalid