Как отображать стили в зависимости от переменной?
<div style={true ? { backgroundColor: 'red' } : {}}>
Это просто объект.
<div style={сюда кидаете объект со стилями, которому назначаете свойства в зависимости от своих переменных}>
например