Mui Spacing V4 не будет работать.Интервал кажется перезаписанным размером сетки, несмотря на новые интервалы - PullRequest
Новая
       14

Mui Spacing V4 не будет работать.Интервал кажется перезаписанным размером сетки, несмотря на новые интервалы

0 голосов
/ 27 июня 2019

Короче говоря, пытаясь добавить интервал в сетку из 2 столбцов (xs = {6}), но после нового обновления интервалов, похоже, он не работает. У кого-нибудь еще был успех с интервалом Муй после переделки?

Я пробовал скопировать / вставить пример с сайта Mui (https://material -ui.com / components / grid / # spacing ). Конечно, раньше я использовал интервал, который работал нормально, однако после изменения интервал не возникает. 

<Grid container spacing={3}>
   <Grid item xs={12}>
     <Paper className={classes.paper}>xs=12</Paper>
   </Grid>
   <Grid item xs={6}>
     <Paper className={classes.paper}>xs=6</Paper>
   </Grid>
   <Grid item xs={6}>
     <Paper className={classes.paper}>xs=6</Paper>
   </Grid>
</Grid>

Ожидается - хотя элементы сетки имеют размер 6, они не касаются

Фактически - элементы сетки соприкасаются

Такое чувство, что это должно быть очень легко, но, много пользуясь MUI SOOOO, я обращаюсь к ТАК за помощью, потому что я В ОЧЕНЬ НЕСКОЛЬКО!

1 Ответ

0 голосов
/ 27 июня 2019

Допустимые значения для свойства spacing таблицы изменены с v3 на v4 . В v3 вам нужно использовать кратные 8, так что эквивалент spacing={3} v4 будет spacing={24}. Если вы проверите консоль, вы должны увидеть ошибки (если используете v3), когда «3» является недопустимым значением интервала.

Вот пример (на основе кода в вашем вопросе), демонстрирующий это:

v3: https://codesandbox.io/s/grid-spacing-v3-w3ubl

v4: https://codesandbox.io/s/grid-spacing-v4-pwi73

...