Size: a a a

React: русскоязычное сообщество

2021 January 03

П

ПашМиш in React: русскоязычное сообщество
Сергей Коротаев
Ну вот например контейнер  это как рутовский элемент - корневой - типо body
Это неверное утверждение, вот пример где грид в качестве рутового элемента https://github.com/mui-org/material-ui/blob/master/docs/src/pages/getting-started/templates/sign-in-side/SignInSide.js
источник

СК

Сергей Коротаев... in React: русскоязычное сообщество
Но тут он и не нужен. Тут потому что макет - это другое
источник

П

ПашМиш in React: русскоязычное сообщество
Dima
ну бокс это типа див
контейнер — вокруг компонента
грид — для выравниваний
я вроде так мыслил, когда материал юзал
А как понять бокс нужен или контейнер? Является ли <Grid item> заменой им обоим или они чем-то отличаются?
источник

D

Dima in React: русскоязычное сообщество
ты создал компонент и вся верстка находится в контейнере
источник

D

Dima in React: русскоязычное сообщество
когда хочешь отделить блок от другого — бокс
источник

D

Dima in React: русскоязычное сообщество
если хочешь внутри блока сделать выравнивание — контейнер
источник

D

Dima in React: русскоязычное сообщество
если у тебя супер маленький компонент где нужно выравнивание — можешь юзать вместо контейнера сразу грид
источник

D

Dima in React: русскоязычное сообщество
тут нет золотой пули
источник

СК

Сергей Коротаев... in React: русскоязычное сообщество
Если ты например контейнер бы прописал а в него грид тоже не было бы ошибкой. Но именно в этом случае можно сразу с грида начинать
источник

V

Vlad in React: русскоязычное сообщество
Vlad
https://codesandbox.io/s/black-glitter-vupc7?file=/src/Table.jsx

Ребят помогите не обновляется колонка с суммой при вводе кол-вы и цены
уже все перепробовал
в общем решил попробовать сохранять стейт через функцию и в итоге все заработало
видимо реакт не замечал изменения
источник

П

ПашМиш in React: русскоязычное сообщество
А если у меня например картина (<img ../>) и я хочу чтобы она имела определенный размер и выравнивание внутри родительского компонента, надо ли ее заворачивать в Box или Grid item?
источник

D

Dima in React: русскоязычное сообщество
делай так, чтоб работало и не плодило много оберток
достаточно грид — используй только его
источник

П

ПашМиш in React: русскоязычное сообщество
Dima
делай так, чтоб работало и не плодило много оберток
достаточно грид — используй только его
Я как раз не могу понять чего нельзя сделать с помощью Grid и для чего поадобились элементы Box, Container и Paper.
источник

D

Dima in React: русскоязычное сообщество
ну пейпер — это подложка
источник

D

Dima in React: русскоязычное сообщество
ты когда блоки в верстке делаешь, ты оборачиваешь их в дивы
в материале чтоб не писать теги руками используют для этих целей бокс
источник

П

ПашМиш in React: русскоязычное сообщество
Dima
ну пейпер — это подложка
А в чем смысл подложки? Я же background-color могу и в div'е выставить.
источник

D

Dima in React: русскоязычное сообщество
в том чтобы ты его не выставлял руками, а обернул в компонент
и у тебя сразу подложка, тень, круглые углы
источник

П

ПашМиш in React: русскоязычное сообщество
Спасибо, вроде что-то проясняется
источник

П

ПашМиш in React: русскоязычное сообщество
@used23 а вы это понимание каким образом обрели? Может быть есть какой-то источник? А то вроде все слова понятные, но в голове в общую систему не складываются.
источник

D

Dima in React: русскоязычное сообщество
уже не помню, год назад какой-то проект делали на материал, сначала на дивах верстал, потом пришло понимае, нде надо контейнер юзать, где бокс
источник