ReactJS：從子組件中的 function 訪問父 function

Question

我使用一個對話框組件，並通過這樣的道具將 onHide function 從父級傳遞給對話框組件：

<KundenNeuForm Hider={onHide}></KundenNeuForm>

如果我直接在渲染方法中調用它，它可以工作：

return (
        <div>
          <Button label="Speichern" onClick={props.Hider} />
        </div>
  );

但我想先調用驗證 function 然后從那里調用父 function

const Validate=()=> {
  If(Everything validates) {
     //call props.Hider
  }
}
return (
        <div>
          <Button label="Speichern" onClick={Validate} />
        </div>
  );

如何從驗證 function 中調用我的父母 function？

Answer 1

調用 props.Hider() 實際上有效