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

Question

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

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

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

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>
  );

如何从 Validate 函数调用我的父函数？

标签： javascriptreactjsreact-props

Answer 1

调用 props.Hider() 实际上有效