Исправление ссылки в Гэтсби

Question

Я использую следующий код для связи между страницами

<Link to={{
              pathname: "/login",
              search: redirect
            }}>Login</Link>

Когда я пытаюсь создать ссылку, ссылка отображается как localhost:8000/[Object Object]. Я правильно использую Link?

Answer 1

<Link to="/login" /> ожидает строку. Вы передаете объект, который не является приемлемым вариантом. См. Документацию Reach Router , которую Gatsby реализует как Gatsby Link.

Вы можете передать состояние для search: redirect. Вот пример из документации по роутеру:

const NewsFeed = () => (
  <div>
    <Link
      to="photos/123"
      state={{ fromNewsFeed: true }}
    />
  </div>
)

Answer 2

Это потому, что вы передаете объект в свойство to. Это должна быть строка, указывающая маршрут, по которому вы собираетесь перейти.

Попробуйте:

<Link to="/login">Login</Link>

Ознакомьтесь с Gatbsy Link API для получения дополнительной информации о его свойствах.