微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决每次我输入一个字符时,具有状态值的 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 举报,一经查实,本站将立刻删除。