小编Cal*_*och的帖子

当我将MUI 的文本字段组件之一放置在数据网格组件的列标题内时，我无法在文本字段中键入空格。同样，如果我在文本字段具有焦点时按向右或向左箭头键，则文本字段将失去焦点，而不是更改文本字段中光标的位置。

沙箱：https://codesandbox.io/s/cant-add-space-to-muis-textfield-erpvc ?file=/src/App.js

import React from "react";
import { DataGrid } from "@mui/x-data-grid";
import TextField from "@mui/material/TextField";
import "./styles.css";

export default function App() {
  const rows = [
    { id: 1, "Column 1": 1, "Column 2": 2 },
    { id: 2, "Column 1": 3, "Column 2": 4 },
    { id: 3, "Column 1": 4, "Column 2": 5 }
  ];
  const createColumn = (name) => {
    return {
      field: name,
      align: "center",
      editable: true,
      sortable: false …