Замените внутренние ссылки WordPress на Next.js Компонент Связи

#javascript #wordpress #graphql #next.js

Вопрос:

Я развиваюсь Next.js приложение, использующее WordPress в качестве безголовой CMS GraphQL. Все понятно, за исключением внутренних ссылок на контент в статьях, которые я получаю через WP API. Такие ссылки являются простыми <a></a> и запускают перезагрузку браузера. Есть ли какое-либо решение для их замены Link Component ?

Ответ №1:

Я думаю, что ваш контент должен включать в себя Next.js приложение, затем в родительском элементе контента вы можете привязать onClick обработчик для захвата ссылок по ссылкам и использовать router.push для имитации <Link> поведения, такого как:

 <div onClick={e => {
  e.preventDefault();
  if (e.target.href) router.push(e.target.href);
}}>
  internal content with links
</div>