ReactJS：从子组件中的函数访问父函数

Question

我使用一个对话框组件，并通过像这样的道具将 onHide 函数从父级传递到对话框组件：

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

如果我直接在 render 方法中调用它，它会起作用：

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

但我想先调用验证函数，然后从那里调用父函数


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

如何从验证函数中调用我的父函数？

Answer 1

调用 props.Hider() 确实有效

ReactJS：从子组件中的函数访问父函数

ReactJS: Access parent function from function in child component

javascript

reactjs

react-props