Reactjs 如何在物料界面中使文本字段和按钮高度相等?

Reactjs 如何在物料界面中使文本字段和按钮高度相等?,reactjs,material-ui,Reactjs,Material Ui,我有一个轮廓文本字段和一个按钮,每个都在一个单独的网格中。我想让它们的高度相等 <Grid item container spacing={1} xs={12} alignItems='center'> <Grid item xs> <TextField fullWidth label='Enter your e-mail address' variant='outlin

我有一个轮廓文本字段和一个按钮,每个都在一个单独的网格中。我想让它们的高度相等

<Grid item container spacing={1} xs={12} alignItems='center'>
    <Grid item xs>
        <TextField
            fullWidth
            label='Enter your e-mail address'
            variant='outlined'
            size='large'
        />
    </Grid>
    <Grid item>
        <Button
            variant='outlined'
            size='large'
        >
            Subscribe
        </Button>
    </Grid>
</Grid>
在做了很多造型之后,我得到了这样的东西:


如果您在上使用InputProps道具

<TextField
    InputProps={{
       className: classes.input
    }}
    variant="outlined"
    />