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