我有几个过滤器，他们是由两个家长使用。两个家长都有应用按钮，我想当它被点击验证函数内的每个过滤器被调用。我该怎么做？

function DateFilter() {
  const [isError, setError] = useState(false);
  function validation() {
    // if not valid show error message and apply button disabled
    setError(true);
  }

  return ...
}

<DesktopDialog onApply={sendBackend}> <-- apply button is there
  <DateFilter onChange={setForm}>
</DesktopDialog>

以及

<MobileFilterModal onApply={sendBackend}> <-- apply button is there
  <DateFilter onChange={(v) => setForm('date', v)}>
  ...other filters
</MobileFilterModal>

我听说我们可以使用useImperativeHandle，但是否有其他选项可以使用？