反应状态变量->未定义vs假

Question

问题是什么才是最好的方法->

例如：react组件中有一个termsAndCondition接受复选框。如果用户提交了该组件上的下一个按钮，则如果用户未选中该复选框，则应该显示错误。

要处理此问题，我要做的是->创建一个状态变量，该变量在组件加载时设置为undefined，在用户选择时设置为true，在未选择并按下按钮时设置为false。显示错误消息的条件是该状态变量为false

时

所以就像if(termsAccepted === false) { console.log("show error message"); }

我真的很讨厌在这里检查错误的状态变量

我不能简单地if(!termsAccepted) { console.log("show error message"); }

因为这样会在组件加载时显示错误消息，情况并非如此

那么应该是最好的方式来解决这个问题。在许多情况下，必须在未定义和错误之间做出选择。