MUI Material-ui - 如何对 TextField 和 Select 进行分组？

Question

在我的应用程序中，用户需要输入一个数量，可以是字节、KiB、GiB 或 MiB。

我正在使用 2 个 React MUI 组件：

• a

  TextField

  输入数量
• a

  Select

  选择正确的数量单位（字节、KiB、GiB 或 MiB）

这就是我得到的：

但是正如您所看到的，每个组件上都有一个半径。不太好看。

我想得到：

我尝试使用表单组，但不起作用。有什么想法吗？

Answer 1

您应该将

InputAdornment

与

Select

作为子项使用。请参考这个。

我已经创建了一个实现here。