Как правильно писать реквизиты в styled-компонентах?

Question

Мне нужно изменить background в зависимости от условия, если существует props.src.Первая часть работает нормально, но место, где props => props.src не обрабатывается должным образом.

Результат:

Answer 1

Вам нужна только props.src вместо функции props => props.src в вашем URL:

background: ${props => props.src === "" ? "#eff1f2" : `url(${props.src}) no-repeat center`};

Стилизованные компоненты не будут выполнять вложенную внутреннюю функцию, поэтому они просто преобразуются в строку.