为什么选择框在React Material UI中移动？

Question

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

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

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

Answer 1

由于在您的代码中，您在组件上添加了margin="normal"，从而为其增加了边距。

您应该可以通过

轻松解决它

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

或

b。从文本输入组件中删除该边距配置，然后从CSS手动添加边距。