Щелчок по ссылке React для обновления данных

#reactjs #hyperlink

#reactjs #гиперссылка

Вопрос:

Я всего лишь новичок в React JS. В настоящее время пишу образец на основе статьи из Routing React Apps. Есть меню навигации с пунктами Home, Cars и About. При первом нажатии на Cars он получает данные и отображает их. Данные жестко запрограммированы в примере приложения. Однако я подключаюсь к веб-сервису и хотел бы, чтобы данные извлекались при каждом нажатии на ссылку «Автомобили». Есть ли способ определить событие для ссылки навигации? Были предложения использовать Transitionto и TransitionFrom. Однако они не являются правильными вариантами. Я изучил методы жизненного цикла, но ни один из них не выполняется повторно при нажатии на ссылку.

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

1. возможно, совместное использование вашего кода поможет!

Ответ №1:

Как и у большинства компонентов react / html, Link есть Props onClick функция, с помощью которой вы можете получить то, что хотите

Ответ №2:

Спасибо Александру за вклад. Я пропустил запуск методов жизненного цикла. Наконец, во время отладки было обнаружено, что при нажатии на ссылку вызывается метод componentWillMount . Я перенес логику выборки данных в метод componentWillMount, и теперь он работает.