reactjs - 如何在 Material-UI 中使 TextField 和 Button 等高？

Question

我有一个概述的 TextField 和一个 Button，每个都在一个单独的网格中。我想让它们的高度相等。

<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>

我得到了这样的东西（经过大量的造型）：

Image

标签： reactjsmaterial-ui

Answer 1

如果你使用 InputProps 道具<TextField />

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

密码箱