в виде массива.
Потом мапаю его в return, вывожу все на экран. Все получается отлично, но теперь такой вопрос. Как сделать так, чтобы в зависимости от того, какой тип у объекта, ставился нужный дизайн. Где это прописывать вообще? В styled.components или где? Не могу сообразить.
Нужен отдельный дизайн, для каждого типа. Например, если тип fire, сделать background: red. Есть какой-то умный способ? Или просто делать кондишенел рэндеринг ручками?
Можно с помощью styled-components, я делал подобное. <Container fire> ... </Container> В стилях styled прописать соответствующие стили const Container = styled.div' background-color: ${props => props.fire ? "red" : 'transparent'}; '
Спасибо за наводку, пойду брэйнштормить.
Обсуждают сегодня