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

07.03.2021Рубрика: ВопросыАвтор: admin

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

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

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

 const {query} = useRouter()

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

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

Post Views: 174

См. также: Expo React Native: ожидаемый диапазон версий: ~ 6.0.0 - установленная фактическая версия: ^ 5.0.1

1 javascript next.js node.js reactjs

Комментарии: 1

Umar Abbas 07.03.2021 в 00:00
Если вы хотите отправить состояние маршрута, вы должны сделать это через строку запроса, но вы можете фактически замаскировать путь, отображаемый в браузере, с помощью свойства 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
Ответить

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