Возвращайте элемент изображения только в том случае, если он существует, или возвращайте собственный значок-Реагируйте

#reactjs #react-native

Вопрос:

Добрый день!

Я довольно новичок в реагировании/реагировании (и программировании в целом), и в настоящее время я работаю над проектом, который требует, чтобы я возвращал элемент изображения, если выполнено определенное условие, или возвращал значок. Так, например, в уже существующем компоненте: если к сообщению прикреплена фотография, верните <uri изображения {фото}>, а если в сообщении нет фотографии, то верните значок. Выполнимо ли это, если да, то как мне это сделать?

Заранее благодарю вас!!

Ответ №1:

Используйте условный рендеринг:

 {photo ? <Image url={photo}> : <Icon />}
 

Полезная Ссылка: https://reactjs.org/docs/conditional-rendering.html

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

1. Спасибо! Я и не думал, что это так просто 🙂