reactjs - 带有打字稿的rjsf，我如何在onSubmit处理程序中访问formData和事件

Question

我正在尝试使用反应 json 模式表单提交表单。我需要访问事件对象才能使用 e.preventDefault()。我对打字稿很陌生，似乎找不到使用打字稿访问“事件”的方法。如果没有打字稿，它只会是这样。

const onSubmit = ({formData}, e) => console.log("Data submitted: ",  formData);

ReactDOM.render((
  <Form schema={schema}
        onSubmit={onSubmit} />
), document.getElementById("app"));

任何有关我如何做到这一点的帮助将不胜感激。

Answer 1

您可以执行以下操作来访问道具（包括 formData）并访问事件对象

const onSubmit = (props, e) => console.log("Data submitted: ",  props.formData);

ReactDOM.render((
  <Form schema={schema}
        onSubmit={(props: PropsWithChildren<FormProps<any>>, e?: any) => 
                   onSubmit(props, e)} 
  />
), do

从而访问任何道具并访问事件。