#reactjs
#реагирует на
Вопрос:
попытка добавить некоторые элементы в существующие свойства стиля, как условно уничтожить и добавить некоторые элементы
retun lt;div style={{...FULL, screenMinimized ? overflow: 'auto' : display:'none' }}gt; ... const FULL: React.CSSProperties = { flex: 1, display: 'flex', flexDirection: 'column', }
Ответ №1:
Вы можете использовать тернарное значение для значения свойства, которое вы пытаетесь установить/переопределить в объекте style
prop.
Пример:
lt;div style={{ ...FULL, overflow: screenMinimized ? 'auto' : 'hidden', }} gt; ... lt;/divgt;
Если вы хотите условно задать разные свойства, вам нужно будет создать каждое из них как отдельный объект, который будет перенесен в объект style
prop:
lt;div style={{ ...FULL, ...(screenMinimized ? { overflow: 'auto' } : { display: 'none' }) }} gt; ... lt;/divgt;
Комментарии:
1. Я понимаю, но что, если элементы разные? пожалуйста, проверьте сообщение