Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React jsonschema访问表单数据_Javascript_Forms_Reactjs_Jsonschema - Fatal编程技术网

Javascript React jsonschema访问表单数据

Javascript React jsonschema访问表单数据,javascript,forms,reactjs,jsonschema,Javascript,Forms,Reactjs,Jsonschema,我是react的初学者,所以很多简单的语法让我感到困惑。我有一个表单,在我的CreateReact应用程序中呈现得非常好,但我不知道在提交表单时如何从表单中获取数据 这是我的应用程序组件(我发誓) 下面是我代码的非JSX部分 const schema = { type: "object", properties: { summary: {type: "string"}, location: {type: "string"}, description: {type:

我是react的初学者,所以很多简单的语法让我感到困惑。我有一个表单,在我的CreateReact应用程序中呈现得非常好,但我不知道在提交表单时如何从表单中获取数据

这是我的应用程序组件(我发誓)

下面是我代码的非JSX部分

const schema = {
  type: "object",
  properties: {
    summary: {type: "string"},
    location: {type: "string"},
    description: {type: "string"},
    sendNotifications: {type: "boolean", default: false},
    ...and so forth...
}

const onSubmit = ({formData}) => console.log("yay I'm valid!");

如果我保持原样,当我点击submit时,什么也不会发生。如果我在render方法的onSubmit调用中添加()大括号,则会产生错误“无法读取未定义的属性formData”。我对道具几乎一无所知,也不知道道具应该如何定义。我将感谢任何帮助!谢谢大家!

使用
组件时,需要使用
this
关键字
onSubmit={this.onSubmit}
引用处理程序
作为旁注,您应该更改构造函数的编写方式。
请参阅代码的工作示例:

const Form=JSONSchemaForm.default;
类应用程序扩展了React.Component{
建造师(道具){
超级(道具);
}
模式={
类型:“对象”,
特性:{
摘要:{type:“string”},
位置:{type:“string”},
描述:{type:“string”},
sendNotifications:{type:“boolean”,默认值:false},
}
}
onSubmit=({formData})=>console.log(“耶,我是有效的!”);
render(){
返回(
欢迎反应
);
}  
}
render(,document.getElementById(“根”))


您的组件是
组件吗?你能发布组件的全部代码吗?是的,这是我的应用程序组件。谢谢你的回复!我已经更新了post.add
this
到函数引用
onSubmit={this.onSubmit}
。但是,代码中还有其他错误,例如构造函数不应该与组件同名。应该是
constructor(props){super(props)}
非常感谢!我对react还是一个新手,所以我还没有编写正确的react代码。很高兴这有帮助。我会把它作为答案贴出来,这样你就可以接受并关闭它。非常感谢!!
const schema = {
  type: "object",
  properties: {
    summary: {type: "string"},
    location: {type: "string"},
    description: {type: "string"},
    sendNotifications: {type: "boolean", default: false},
    ...and so forth...
}

const onSubmit = ({formData}) => console.log("yay I'm valid!");