TypeScript react-router.browserHistory类代码示例

function* searchOffsetChange(action: WorkSearchAction): any {
  browserHistory.push({
    pathname: 'works',
    query: {
      ...browserHistory.getCurrentLocation().query,
      offset: action.offset,
    },
  })
}

function* VerifiedAccount(action: any): SagaIterator {
  const toastId = toast.info('Verifying account...', {
    className: 'toast',
  })

  try {
    const { token, password } = action.payload
    yield put(Actions.LoadingPage.onLoadingOn())

    const data = yield call(GetApiTokensFrost, token, password)
    yield put(Actions.VerifiedAccount.onVerifiedAccountSuccess())

    yield put(Actions.LoadingPage.onLoadingFull())
    yield put(Actions.SignOut.onSignOut({ redirectLogin: false }))
    yield put(Actions.SetTokenLogin.onSetTokenLogin(data))

    yield call(delay, 1000)

    browserHistory.push('/dashboard')

    toast.success('Your account has been verified!', {
      className: 'toast',
      autoClose: 2500,
    })
  } catch (e) {
    yield put(Actions.LoadingPage.onLoadingFull())
    yield put(Actions.VerifiedAccount.onVerifiedAccountError(e))
    yield call(delay, 300)
    yield put(Actions.VerifiedAccount.onVerifiedAccountClearError())

    if (e.includes('Email already verified')) {
      browserHistory.push('/dashboard')
      toast.info(e, {
        className: 'toast',
        autoClose: 2500,
      })
    } else if (e.includes('Expired token')) {
      const message = 'This link has expired. Please login and request a new validation email.'
      toast.update(toastId, {
        render: message,
        type: toast.TYPE.ERROR,
        className: 'toast',
        autoClose: false,
      })
    } else
      toast.update(toastId, {
        render: e,
        type: toast.TYPE.ERROR,
        autoClose: false,
        className: 'toast',
      })
  }
}

function* ChangePasswordToken(action: any): SagaIterator {
  try {
    const { token, password } = action.payload
    yield put(Actions.LoadingPage.onLoadingOn())

    const data = yield call(ChangePasswordTokenFrost, token, password)
    yield put(Actions.ChangePasswordToken.onChangePasswordTokenSuccess(data))

    yield put(Actions.LoadingPage.onLoadingFull())
    yield put(Actions.SignOut.onSignOut({ redirectLogin: false }))
    yield put(Actions.SetTokenLogin.onSetTokenLogin(data))

    yield call(delay, 1000)

    browserHistory.push('/dashboard')

    toast.success('Your password has been updated!', {
      className: 'toast',
      autoClose: 2500,
    })
  } catch (e) {
    yield put(Actions.LoadingPage.onLoadingFull())
    yield put(Actions.ChangePasswordToken.onChangePasswordTokenError(e))
    yield call(delay, 300)
    yield put(Actions.ChangePasswordToken.onChangePasswordTokenClearError())

    toast.error(e, {
      className: 'toast',
      autoClose: 2500,
    })
  }
}

 function failCB(ex:any):void {
     toast("error", "some error", "error");
     console.log(ex);
     if(ex.status === 401){
         browserHistory.push('/login?failed=true');
     }
 }

function SignOut(action: any): void {
  try {
    if (!(action.payload && action.payload.redirectLogin === false)) browserHistory.push('/login')
  } catch (e) {
    // Todo: Error message in UI
  }
}

const newNode = () => {
  const chance = new Chance();
  const id = chance.guid();
  browserHistory.push(`/${id}`)
  return {
    type: action.NEW_NODE,
    payload: { keys: [id], values: {[id]: {id, name: '', recipe: ''}}}
  }
};

 request.then(response => {
   try {
     browserHistory.push('/');
     dispatch(flushSearch());
     dispatch(fetchData());
     } catch (e) {
     throw e
   } finally {
     dispatch(resRecieved());
   }
 }).catch(e => {

 public static HandleEvent(roomID : string) {
   Hub.socket.inRoom = true;
   browserHistory.push(`/${roomID}`);
   Hub.logger.logSuccess(`> Joined room: ${roomID}`);
   if(Hub.youtube.IsPlayerReady())
   {
     Hub.socket.getYoutubePlayerState();
   }
   else
   {
     Hub.dispatcher.addEventListener("youtube_player_ready", JoinRoomSuccessEvent.OnYoutubePlayerLoaded);
   }
 }

export const updateQueryParams = (updatedQueryParams: object): void => {
  const currentQueryString = window.location.search
  const newQueryParams = pickBy(
    {
      ...qs.parse(currentQueryString, {ignoreQueryPrefix: true}),
      ...updatedQueryParams,
    },
    v => !!v
  )

  const newQueryString = qs.stringify(newQueryParams)

  browserHistory.replace(`${window.location.pathname}?${newQueryString}`)
}

export function navigateTo(path, event?) {{{
    if (last_navigateTo.path === path && Date.now() - last_navigateTo.timestamp < 100) {
        /* debounce, this is for elements that need to have both onClick and onMouseUp to
         * handle various use cases in different browsers */
        console.log('navigate debounce');
        return false;
    }

    last_navigateTo.path = path;
    last_navigateTo.timestamp = Date.now();

    if (event && shouldOpenNewTab(event)) {
        window.open(path, "_blank");
    } else {
        browserHistory.push(path);
    }
}}}