刷新同一页面而不重新加载-React.js

时间:2019-06-15 14:46:23

标签: javascript reactjs

如何通过刷新来刷新页面而不刷新,我想调用componentDidMount()函数并再次呈现视图。

下面的代码在重定向到另一个URL时有效,但在我们重定向到相同的URL时不起作用。

props.dispatch(push('/ sameUrl'));

1 个答案:

答案 0 :(得分:0)

我有一个类似的问题,但是我在项目中使用了redux,在得到一个元素之后,我刚刚通过'redux-saga / effects'和'connected-react-router'软件包更新了页面,我做了一个例子(我削减了大部分代码,只留下了必要的内容):

当我发送创建食谱的请求时:

import { takeLatest, all, call, put } from 'redux-saga/effects';
import { push } from 'connected-react-router';
import * as constants from './RecipesConstants';
import { recipeAPI } from './../../api/';

function* addRecipe(action) {
  try {
    const recipeResponse = yield call(recipeAPI.addRecipe, action.payload);


    yield put({
      type: constants.ADD_RECIPE_SUCCESS,
      payload: {
        ...recipeResponse.data
      }
    });

    yield put(push(`/recipes`)); // <----- here i update my page
  } catch (error) {
    yield put({
      type: constants.ADD_RECIPE_FAILED
    });

  }
}
export default function* recipesSaga() {
  yield all([
    takeLatest(constants.ADD_RECIPE, addRecipe)
  ])
}

希望,它将为您提供帮助