是否有一种方法可以发现用户是否打开了select字段，没有选择任何选项，并关闭了React中的select字段

Question

我正在使用React.js和使用Select component from Material.ui。当用户打开选择并关闭它而不选择任何选项时，我想抛出错误。我不想在页面渲染开始时抛出错误。我尝试在构建道具中使用onClose。

Answer 1

您可以使用所选选项的状态:

const [selectedOption, setSelectedOption] = useState(null);

然后，在close事件中检查selectedOption是否仍然为null并抛出错误。当然，当用户单击某个选项时，您还需要设置该状态。