每次我输入一个字符时，具有状态值的 React Material Table Textfield 都会失去焦点

问题描述

我目前在使用材料表库时遇到问题。

返回表格的组件有一个 newOrder 对象，只要有人在其中一个输入中输入内容，就应该更新该对象。

const [newOrder,setNewOrder] = useState({
    Einkäufer: "",});

现在，要设置“Einkäufer”的状态，我执行以下操作：

const columns = [
{
  title: "EK-MA",field: "Einkaufer",render: (row) => (
    //Off-topic stuff
  ),editComponent: () => (
    <>
      <Typography variant="caption" display="block" gutterBottom>
        Einkäufer
      </Typography>
      <TextField
        name="Einkäufer"
        label="Einkäufer"
        defaultValue={newOrder.Einkäufer}
        onChange={(e) => setNewOrder({ Einkäufer: e.target.value })}
      />
    </>
  ),},]

我试图通过将 Textfield 作为一个组件并导入它来对其进行解压缩。没有解决问题。对于我正在做的每一个输入，表格组件都会按照预期重新渲染，并且文本字段的值显示正确，但是在每次输入后，文本字段失去焦点，我必须再次手动单击以将其聚焦.

我现在为此苦苦挣扎了几个小时，希望得到任何帮助，如果您还需要了解任何其他信息，请告诉我。

干杯

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）