草庐IT

MobilePhoneInsurance

全部标签

javascript - React - 检查元素在 DOM 中是否可见

我正在构建一个表单-用户在进入下一个屏幕之前需要回答的一系列问题(单选按钮)。对于字段验证,我使用yup(npm包)和redux作为状态管理。对于一个特定的场景/组合,会显示一个新屏幕(div),要求用户在继续之前进行确认(复选框)。我只想在显示时对此复选框应用验证。如何使用React检查元素(div)是否显示在DOM中?我想到的方法是将变量“isScreenVisible”设置为false,如果满足条件,我会将状态更改为“true”。我正在检查并在_renderScreen()中将“isScreenVisible”设置为true或false,但由于某种原因它会进入无限循环。我的代码: