А покажи использование компонента хотя бы)
return пропустил.
Погоди. Если у тебя props в компонент приходит в деструктурированном виде, разве объект props доступен внутри компонента?
Ты чего наделал...
я тестил ща верну как было
margin-right: ${ props => {props.marginRight ? props.marginRight + 'px' : '0px'} }
А зачем там вообще стрелочная функция??? И кто будет этой функции передавать параметр props. Уберите функция оставьте только тернальный оператор и проверяйте только саму переменную марджинрайт.
И удали 'px', ты уже добавляешь там к числу слово 'px'
margin-right: ${ props => { return props.marginRight ? props.marginRight + 'px' : '0px'} } Исправил
Какая ошибка?)
вот такая))))
А как ты это логируешь?
Ты не туда передаешь
margin-right: ${marginRight ? marginRight + 'px': 0}
Тебе нужно в WatchContainer это передавать.
Передай marginRight в <WatchContainer> а не в <WatchItem>
Да не норм, чел. У тебя компонент WatchItem не знает о том, что он должен принять пропс marginRight, а ты его пихаешь туда. Там нет такого аргумента просто.
а был бы тайпскрипт..
все забейте решил проблему, передавал 80px а нужно просто 80
Обсуждают сегодня