Reactjs 样式设置在材质表中创建行输入元素

我想在reactjs的Materialtable中增加一个下拉列表“出生地”的值

我想要一些类似的东西，我不知道在哪里可以添加这个css代码宽度：60%；对于此下拉列表

---

您可以使用材质ui库的

CreateMuiteme

设置这些元素的样式：

const theme = createMuiTheme({
  overrides: {
    MuiTableRow: {
      root: {
        "&[mode=add]": {
          "& .MuiInputBase-root": {
            width: "90%",
            background: '#dedede',
          }
        }
      }
    }
  }
});

当您需要为特定单元格中的特定输入设置样式时，问题就会出现，因为您无法控制该元素的样式/道具。
这个解决方案非常难看，但我找不到更好的解决方案（至少对于1.57.2版）：

您可以在此处找到完整的工作示例：

const theme = createMuiTheme({
  overrides: {
    MuiTableRow: {
      root: {
        "&[mode=add]": {
          "& .MuiInputBase-root": {
            width: "90%",
            background: "#a1a1a1"
          },
          "& .MuiTableCell-body:nth-child(4)": {
            "& .MuiInputBase-root": {
              width: "100%",
              background: "#d1d1d1"
            }
          }
        }
      }
    }
  }
});