Как получить историю и совпадение в this.props в nextjs? - PullRequest
Новая
       13

Как получить историю и совпадение в this.props в nextjs?

0 голосов
/ 02 июля 2019

Я хочу получить значения истории и совпадения в this.props. Я использую next / router для импорта с помощью youter. Я хотел использовать this.props.match.params для получения значений в url и history.push для перенаправления.Как можно получить это в next.js.Правое я не получаю историю и совпадения в этом .props.

1 Ответ

0 голосов
/ 07 июля 2019

next/router не предоставляет вам историю, как react-dom-router, она дает вам то, что называется запросом в props.

вашего компонента.

Это официальный пример использования . 

import { useRouter } from 'next/router'

const Post = () => {
  const router = useRouter()
  const { pid } = router.query

  return <p>Post: {pid}</p>
}

export default Post

Если вы хотите протолкнуть маршруты, вы можете следовать этому. пример . 

import Router from 'next/router'

function ReadMore() {
  return (
    <div>
      Click <span onClick={() => Router.push('/about')}>here</span> to read more
    </div>
  )
}

export default ReadMore
...