#reactjs #material-ui
#reactjs #материал-пользовательский интерфейс
Вопрос:
Итак, у меня есть следующий вопрос, который, я считаю, вполне обоснован.
Итак, Box и Grid — это компоненты макета, которые, насколько мне известно, вы должны добавлять в них другие компоненты. Однако иногда Box выполняет эту работу за меня, а иногда является сеткой, а ИНОГДА я использую оба одновременно.
Этот вопрос пришел мне в голову после того, как я попытался ЦЕНТРИРОВАТЬ компонент, поэтому в этом примере, когда я использую GRID, я могу центрировать компонент в середине экрана без каких-либо проблем:
Пример сетки:
Пример коробки:
Я знаю, что могу просто добавить pl={number} к компоненту box, а затем я могу переместить поле в нужное место, но это не главное.
Комментарии:
1.
Boxне является компонентом макета. Он предоставляет доступ к утилитам CSS (черезsxprop), но по умолчанию все, что он отображает, — это<div>.2. Ну, в разделе макета вы можете увидеть коробку, контейнер, сетку и т. Д
3. Я не уверен, почему вы задаете такой вопрос. Сетка предназначена только для сетки, а коробка — это просто div, но просто создайте flexbox. Почему вы используете grid и flexbox в обычных случаях без Material UI? Ответ на ваш собственный вопрос.
4. Я начал с MUI, я мало что знаю о «нормальных случаях» без mui
5. @ReactPotato
Boxможно использовать для макета, но единственные возможности макета, которые он предоставляет, — это утилиты CSS. Чтобы знать, как центрировать что-либо с помощьюBox, вам нужно знать, как центрировать это с помощью CSS.