Я новичок в React js и компонентах MUI.
Я работаю над следующим дизайном, в котором стек содержит несколько блоков. Каждый блок имеет свой собственный стиль, одинаковый для всех блоков в стеке. Есть ли способ определить один стиль для блока, который затем будет применяться ко всем блокам?
https://codesandbox.io/p/sandbox/angry-gwen-c986mp?file =%2Fsrc%2FDemo.tsx%3A38%2C14&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522направление%2522%253A%2522горизонтальный%2 522%252C%2522contentType%2522 %253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257 B%2522тип%2522%253A%2522PANEL_GROUP %2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522направление%2522%253A%2522вертикальный%2522%252C%2522id%2522%253A%2522club5ghcv0007356hy9tigkpm%2522 %252C%2522размеры%2522%253A%255B100%252C0 %255D%252C%2522panels%2522%253A%255B%257B%2522тип%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522направление%2522%2 53А%2522горизонтальный%2522%252С %2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%252 2%252C%2522id%2522 %253A%2522club5ghcv0003356ht7gmhip2%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2 522%252C%2522направление%2522%253A%2522горизонтальное%2522 %252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELL S%2522%252C%2522id %2522%253A%2522club5ghcv0004356hmdcvoml5%2522%257D%255D%252C%2522размеры%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522тип%2522%253 A%2522PANEL_GROUP%2522%252C%2522contentType%2522 %253A%2522DEVTOOLS%2522%252C%2522направление%2522%253A%2522вертикальное%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%252 2тип%2522%253А%2522ПАНЕЛЬ %2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522club5ghcv0006356h5qkqh7qn%2522%257D%255D%252C%2522sizes%2522%253 A%255B100%255D%257D%255D%252C%2522размеры %2522%253A%255B44.86491665069937%252C55.13508334930063%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522club5ghcv0003356ht7gmhip2%2522 %253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A %2522club5ghcu0002356h82prmvsj%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A% 255B%257B%2522startLineNumber%2522%253A38%252C%2522startColumn %2522%253A14%252C%2522endLineNumber%2522%253A38%252C%2522endColumn%2522%253A14%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FDemo.tsx%2522% 252C%2522state%2522%253A %2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522club5ghcv0003356ht7gmhip2%2522%252C%2522activeTabId%2522%253A%2522club5ghcu0002356h82prmvsj%25 22%257D%252C%2522club5ghcv0006356h5qkqh7qn%2522%253A%257B%2522tabs%2522%253A %255B%257B%2522id%2522%253A%2522club5ghcv0005356hn5cg341m%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT %2522%252C%2522порт%2522%253A0%252C%2522путь %2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522club5ghcv0006356h5qkqh7qn%2522%252C%2522activeTabId%2522%253A%2522club5ghcv00 05356hn5cg341m%2522%257D%252C%2522club5ghcv0004356hmdcvoml5%2522%253A%257B %2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522club5ghcv0004356hmdcvoml5%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%252 2showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue %252C%2522sidebarPanelSize%2522%253A15%257D
Подробнее здесь: https://stackoverflow.com/questions/782 ... -stack-mui
Имейте один класс CSS или тему для нескольких блоков внутри стека – MUI ⇐ CSS
Разбираемся в CSS
1711625733
Anonymous
Я новичок в React js и компонентах MUI.
Я работаю над следующим дизайном, в котором стек содержит несколько блоков. Каждый блок имеет свой собственный стиль, одинаковый для всех блоков в стеке. Есть ли способ определить один стиль для блока, который затем будет применяться ко всем блокам?
https://codesandbox.io/p/sandbox/angry-gwen-c986mp?file =%2Fsrc%2FDemo.tsx%3A38%2C14&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522направление%2522%253A%2522горизонтальный%2 522%252C%2522contentType%2522 %253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257 B%2522тип%2522%253A%2522PANEL_GROUP %2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522направление%2522%253A%2522вертикальный%2522%252C%2522id%2522%253A%2522club5ghcv0007356hy9tigkpm%2522 %252C%2522размеры%2522%253A%255B100%252C0 %255D%252C%2522panels%2522%253A%255B%257B%2522тип%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522направление%2522%2 53А%2522горизонтальный%2522%252С %2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%252 2%252C%2522id%2522 %253A%2522club5ghcv0003356ht7gmhip2%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2 522%252C%2522направление%2522%253A%2522горизонтальное%2522 %252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELL S%2522%252C%2522id %2522%253A%2522club5ghcv0004356hmdcvoml5%2522%257D%255D%252C%2522размеры%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522тип%2522%253 A%2522PANEL_GROUP%2522%252C%2522contentType%2522 %253A%2522DEVTOOLS%2522%252C%2522направление%2522%253A%2522вертикальное%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%252 2тип%2522%253А%2522ПАНЕЛЬ %2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522club5ghcv0006356h5qkqh7qn%2522%257D%255D%252C%2522sizes%2522%253 A%255B100%255D%257D%255D%252C%2522размеры %2522%253A%255B44.86491665069937%252C55.13508334930063%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522club5ghcv0003356ht7gmhip2%2522 %253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A %2522club5ghcu0002356h82prmvsj%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A% 255B%257B%2522startLineNumber%2522%253A38%252C%2522startColumn %2522%253A14%252C%2522endLineNumber%2522%253A38%252C%2522endColumn%2522%253A14%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FDemo.tsx%2522% 252C%2522state%2522%253A %2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522club5ghcv0003356ht7gmhip2%2522%252C%2522activeTabId%2522%253A%2522club5ghcu0002356h82prmvsj%25 22%257D%252C%2522club5ghcv0006356h5qkqh7qn%2522%253A%257B%2522tabs%2522%253A %255B%257B%2522id%2522%253A%2522club5ghcv0005356hn5cg341m%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT %2522%252C%2522порт%2522%253A0%252C%2522путь %2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522club5ghcv0006356h5qkqh7qn%2522%252C%2522activeTabId%2522%253A%2522club5ghcv00 05356hn5cg341m%2522%257D%252C%2522club5ghcv0004356hmdcvoml5%2522%253A%257B %2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522club5ghcv0004356hmdcvoml5%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%252 2showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue %252C%2522sidebarPanelSize%2522%253A15%257D
Подробнее здесь: [url]https://stackoverflow.com/questions/78237890/have-one-css-class-or-theme-for-multiple-boxes-inside-the-stack-mui[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия