В текущей версии React Router (v3) я могу принять ответ сервера и использовать browserHistory.push
, чтобы перейти на соответствующую страницу ответа. Тем не менее, это не доступно в версии 4, и я не уверен, какой способ справиться с этим.
В этом примере, используя Redux, components/app-product-form.js вызывает this.props.addProduct(props)
, когда пользователь отправляет форму. Когда сервер вернется к успеху, пользователь будет отправлен на страницу "Корзина".
// actions/index.js
export function addProduct(props) {
return dispatch =>
axios.post(`${ROOT_URL}/cart`, props, config)
.then(response => {
dispatch({ type: types.AUTH_USER });
localStorage.setItem('token', response.data.token);
browserHistory.push('/cart'); // no longer in React Router V4
});
}
Как я могу сделать перенаправление на страницу Cart из функции React Router v4?