如何查看用户是否单击了 MUI 中的 TextField

Question

使用 material-ui 的 TextField，如何检查用户是否已单击 TextField/has 完成编辑？我不想使用 onChange，因为我不希望它在每次发生某些事情时都被激活，因为我只想在用户通过关闭 TextField 确认他们已完成编辑后发送 POST 请求.如果这不可能，那么每次调用 onChange 时发送 POST 请求是否是一种不好的做法？

Answer 1

您可以收听 onBlur 事件。

const handleOnBlur = (e) => {
    alert("Left text box with the value: " + e.target.value);
};

<TextField
        onBlur={handleOnBlur}
        id="outlined-basic"
        label="Outlined"
        variant="outlined"
/>

注意：如果你想在文本更改时触发POST请求，你可以阅读debounce

参考：Perform debounce in React.js

如何查看用户是否单击了 MUI 中的 TextField

How to see if a user has clicked off a TextField in MUI

reactjs

material-ui