小编Pet*_*ina的帖子

ReactJS - 使用材质 UI 网格间距

我正在使用 Material UI 网格,一旦我将间距设置为大于 0,我的网格就无法适应屏幕并且底部滑块可见,我可以稍微水平移动页面。

我正在使用的简化代码:

<Grid container
  justify="space-around"
  spacing={4}>
  <Grid item xs={6} >
    <Paper>a</Paper>
  </Grid>

  <Grid item xs={6} >
    <Paper>b</Paper>
  </Grid>


</Grid>
Run Code Online (Sandbox Code Playgroud)

间距 = 0 时,网格完全适合并且底部滑块不存在。我如何仍然保持网格项目之间的空间,以确保网格不会增加应用程序的宽度。我究竟做错了什么?

复制到具有相同问题的代码和框的链接:https ://codesandbox.io/s/magical-sammet-y0297?fontsize =14& hidenavigation =1& theme=dark

谢谢

javascript css reactjs material-ui

5
推荐指数
3
解决办法
6924
查看次数

ReactJs - 将函数作为道具传递。警告:无效的道具

我有一个工作示例,将函数从父级传递给子级作为道具,然后从子级调用它。

https://codesandbox.io/s/awesome-pond-y2h4v

然而,虽然它工作正常,但反应不喜欢它,并且在控制台中它会抛出警告:matrixfunc标签上的道具值无效。

任何建议可能是什么问题?

谢谢

javascript reactjs

0
推荐指数
1
解决办法
86
查看次数

标签 统计

javascript ×2

reactjs ×2

css ×1

material-ui ×1