Как передать состояние между маршрутами в NEXT JS?

У меня есть данные внутри объекта на моей странице. Я хочу перенаправить с этой страницы на другую страницу вместе с данными, подобными приведенному ниже коду

const redirectAppointmentStep1 = (value) => {
    router.push({
      pathname: '/Appointment/bookingstep1',
      query: {value : value},
    })
  }

и я получил эти данные на bookingstep1 странице вот так

 const {query} = useRouter()

но проблема в том, что запрос отображается на URL-адресе, а URL-адрес не выглядит чистым. Как я могу отправить данные с одной страницы на другую, но не отображать их в URL-адресе?

Я новичок в Next.js, поэтому я буду очень благодарен за любую помощь.

См. также:  Как исправить ошибку «Доступ к XMLHttpRequest по адресу« http: // localhost: 8000 / api / companies »из источника« http: // localhost: 3000 »был заблокирован политикой CORS»
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Umar Abbas

    Если вы хотите отправить состояние маршрута, вы должны сделать это через строку запроса, но вы можете фактически замаскировать путь, отображаемый в браузере, с помощью свойства as.

    Router.push

    as — Необязательный декоратор для URL, который будет отображаться в браузере. Перед Next.js

    Вы можете украсить URL-адрес, чтобы он соответствовал имени пути.

    const redirectAppointmentStep1 = (value) => {
      router.push({
        as: '/Appointment/bookingstep1',
        pathname: '/Appointment/bookingstep1',
        query: {value : value},
      })
    }
    

    спасибо за ответ, но мой URL-адрес по-прежнему выглядит следующим образом: localhost: 3010 / Appointment / bookingstep1? = ребенок + специалист, возможно ли, что URL-адрес отображается только так: ›localhost: 3010 / Appointment / bookingstep1 person Umar Abbas; 07.03.2021

    as необходимо передавать во втором параметре в router.push, а не внутри объекта URL. person Umar Abbas; 07.03.2021

    @juliomalves Спасибо, мне было интересно об этом, поскольку документы немного неоднозначны по синтаксису и доступным свойствам между двумя сигнатурами использования. person Umar Abbas; 07.03.2021

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: