Реагировать на гиперссылку в NavLink

Мне нужны ваши предложения и идеи. Я использую длинное предложение в ответе <NavLink>, чтобы указать на страницу. Я должен сделать так, чтобы только "Кликните сюда" показывал руку и делал его кликабельным для компонента. Любые идеи были бы хорошы.

<ul>
  <li>
    <NavLink to = "/page">
      This is long sentence but "click here" to get to the page
    </Navlink>
  </li>
</ul>

reactjs redux

21.11.2018 15:11

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Ответы 2

Вы можете просто заключить «щелкните здесь» с помощью NavLink:

<ul>
    <li>
This is long sentence but
    <NavLink to = "/page">
     "click here" 
    </Navlink>
to get to the page
    </li>
    </ul>

Навигационные ссылки - это, по сути, просто теги привязки и работают одинаково

https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/NavLink.md

21.11.2018 15:13

Вы пробовали это?

<ul>
    <li>
        This is long sentence but <NavLink to = "/page">click here</NavLink> to get to the page
    </li>
</ul>

21.11.2018 15:14

Другие вопросы по теме

Как разделить глобальную переменную подсчета между двумя модулями в Angular?

Reactjs + Redux Form FieldArray условный рендеринг

Тестирование Promise.all, возвращенного из отправленного действия, с помощью шутки и фермента

Является ли плохой практикой доступ к хранилищу redux непосредственно между перезагрузками страницы для доступа и сохранения состояния

Реагировать на исходное состояние исходной настройки для кнопок поиска фильтров с помощью immutable.js

Последовательные переходы при рендеринге

Как использовать обратный вызов в DIspatch в redux?

Объединение нескольких асинхронных действий с независимыми редукторами

Как установить состояние реакции с новыми реквизитами сразу после вызова `dispatch` через соединение response-redux?

Преждевременная сортировка списков в React Native

Реагировать на гиперссылку в NavLink

Ответы 2

Другие вопросы по теме

Похожие вопросы