Reactjs - отображать теги в соответствии с условиями

У меня есть проблема. Я хотел бы отображать тег <a> только в том случае, если он проверен в условном выражении и не работает. Наверное, я делаю какую-то опечатку.

return (
  if (this.state.currentPage > 1 ){ 
    <a className = "prev-button">&lt;</a>
  }

)

javascript reactjs

27.01.2019 11:50

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

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

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

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Я нашел решение. Это правильный способ ввода кода:

{(this.state.currentPage > 1 ) && 
  <a className = "prev-button">&lt;</a>
 }

27.01.2019 11:54

Ответ принят как подходящий

То, что вы передаете после возвращение, должно быть действительным JS выражение.

если — это утверждение.

Проверьте это для разница между выражением и оператором.

Чтобы иметь логические тесты в выражении, вы можете использовать && или || оператор, например:

return ({(this.state.currentPage > 1 ) && <a className = "prev-button">&lt;</a>})

Спасибо, я нашел решение, и я опубликовал его раньше, чем вы. Но я очень благодарен.

— 27.01.2019 11:59

Да :) Я видел это, когда печатал ответ

— 27.01.2019 12:00

27.01.2019 11:56

Внутри возврата вам нужно использовать скобки {} для написания кода JS.

return(
 {
   this.state.currentPage>1 ? <a className = "prev-button">&lt;</a> : ''
 }
)

27.01.2019 12:01

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

Экспресс-маршрут не найден при перенаправлении, но маршрут существует

Невозможно обернуть Menu.Item ссылкой

Как автоматически скрывать AppBar при прокрутке с помощью Reactjs Material-UI

Требуется Babel «^7.0.0-0», но был загружен «6.26.3»

Не удается найти модуль «expo/tools/LogReporter»

Стиль изменения Ant Design Выберите компонент

Передать компонент маршрута React в функцию реквизита родительского компонента

Как сопоставить и отфильтровать повторяющиеся значения в реакции js

Webkit-flex не отображает дочерний компонент реакции в next.js

Запуск хука requestanimation responsejs нажатием кнопки

Reactjs - отображать теги в соответствии с условиями

Ответы 3

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

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