Как я могу условно добавлять атрибуты к компонентам?

#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. Я понимаю, но что, если элементы разные? пожалуйста, проверьте сообщение