检测反应页面变化的最佳方法答案

【问题标题】：Best approach to detect change on react page检测反应页面变化的最佳方法
【发布时间】：2020-09-10 07:42:03
【问题描述】：

我正在开发使用 material-ui 控件进行输入的反应钩子组件。我一直在谷歌搜索，但找不到一个很好的例子。如果用户对输入字段/复选框/单选按钮等进行了任何更改，我想要做的是向用户显示弹出消息，并尝试导航离开/关闭浏览器选项卡，而不保存信息。我看到人们谈论“如果 setstate 被调用，页面很脏”。这是最好的解决方案还是有更聪明的方法来确定页面上的信息是否已更改。

【问题讨论】：

显示一些代码。所以我们知道你尝试了什么

标签： javascript reactjs react-native

【解决方案1】：

没有任何代码，这是一个有点挑战性的主题。但是您可以将onChange 事件侦听器添加到输入字段、复选框和单选按钮。每次用户点击或写入元素时都会调用 onChange。

在 onchange 处理程序中，您可以设置包含用户所做的所有更改的状态。

【讨论】：

我知道这是控制级别的一个选项。所以这是一个正在建设中的应用程序，它将有数百个页面和数千个控件。所以我想知道是否有任何更聪明的方法需要更少的编码，避免在每个控件的 onchange 事件中编写代码。