reactjs - 为什么在反应材质 UI 中选择框移动？

Question

我有一个选择框和文本输入为什么选择框向上移动？为什么它不在同一级别的输入字段中？

这是我的代码 https://codesandbox.io/s/r7lq1jnjl4

文档 https://material-ui.com/demos/selects/

标签： reactjsreact-reduxmaterial-ui

Answer 1

因为在您的代码中，您添加了margin="normal"在其上设置额外边距的组件。

您应该可以通过以下方式轻松解决它

一个。添加alignItems='center'到<Grid container spacing={8} alignItems='center'>

或者

湾。从文本输入组件中删除该边距配置，并从您的 css 中手动添加边距。