TextField自动宽度

Question

我正在使用TextField中的@material-ui在页面上显示一些数据。

问题在于每条数据记录具有不同的数据长度，因此呈现的大多数值看起来很丑陋（仅使用了文本字段宽度的10％）

我当前正在使用fullWidth属性，但是它不能满足我的要求。我希望下划线与内容的长度匹配。

<Grid item sm={2}>
    <TextField
        margin="normal"
        fullWidth
        inputProps={{ disabled: true }}
        label={labels.brokerId}
        value={props.brokerDetails.id}
    />
</Grid>

如何实现？

Answer 1

您应该尝试使用TextArea组件的multiline属性。

https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/text-fields/TextFields.js