在我的应用程序中,用户需要输入一个数量,该数量可以以RST、KiB、GiB或MiB为单位.

我正在使用2个Reacts MUI组件:

  • a TextField输入数量
  • Select Select 正确的数量单位(RST、KiB、GiB或MiB)

这就是我得到的:what I get

但正如您所看到的,每个部件上都有一个半径.看起来不好看.

我想得到: what I woud like

我try 过分组,但不起作用.有什么 idea 吗?

推荐答案

作为子元素,您应该使用InputAdornmentSelect.参考this.

我创建了一个实现here.

Reactjs相关问答推荐

无法覆盖MUI工具栏上的左右填充,除非使用!重要

当列表中的项的顺序改变并且使用唯一键作为它们的索引时,Reaction如何看待呈现方面?

ctx.strokeStyle 在 canvas html 5 中不起作用

如何获取用户在 GooglePlacesAutocomplete 中输入的文本?

使用 React + Vite 范围化 CSS

如何使用 React 获取表单中的所有值?

React Todo List 应用程序我在实现删除功能时遇到问题

有没有办法在 React Router v6 中的路由匹配上运行一些逻辑/功能?

REACT: UseState 没有更新变量(ant design 模态形式)

React对象值下降2次而不是1次

有没有办法在用户离开页面时防止输入模糊?

下一个js如何从另一个组件更新组件?

使用带有搜索字符串的全局过滤器时如何在 React-Table 中进行精确匹配?

一周前刚开始学习React,一直在调试为什么输入框在每次输入后都没有焦点

next js 13 在获取中使用标头时动态渲染而不是静态渲染?

如何保留我的下一个授权用户会话?所以我可以使用提供的 ID 在其他路由中获取数据

在 React 的父级中多次调用子级时从子级获取数据到父级

在react 钩子中将数组添加到数组状态给出一个数字

试图将页面限制为仅登录但有条件的用户似乎永远不会运行

我想将悬停 colored颜色 更改为红色.写了一个话题,这个元素没有react ,怎么解决呢?