#reactjs #background-image #conditional-operator #conditional-rendering
#реагирует на #фоновое изображение #условный оператор #условное отображение
Вопрос:
Я работал над проектом React, который извлекает данные из API погоды. У меня правильно работает часть, которая извлекает данные и отображает их. Я хотел сделать проект еще одним шагом вперед и условно визуализировать фоновое изображение в зависимости от текущего состояния погоды (изображение солнечного неба, если погода солнечная, изображение снега, если идет снег и т.д.).
В инструкции return я использовал тернарный оператор, чтобы попытаться условно отобразить различные фоновые изображения в теге стиля. Я помещаю крючок, который захватывает состояние погоды из API, в качестве условия для троичного оператора, а затем устанавливаю различные погодные условия (Солнечно, облачно и т. Д.) В качестве значений. Если погодные условия, возвращаемые API, не соответствуют ни одному из значений, он должен просто возвращать фон без изображения. Сначала это не сработало, потом начало работать, а теперь снова не работает и просто застряло на одном изображении. Я что-то делаю не так? Страница обновляется неправильно? Любая помощь будет очень признательна. Вот код:
Комментарии:
1. Похоже, код не отображается. На всякий случай вот оно снова:
url(${Sunny}): (условие === «Облака») ?url(${Cloudy}): (условие === «Дождь») ?url(${Rainy}): (условие === «Снег») ?url(${Snowy}): не определено }}gt;