Javascript React jsonschema访问表单数据
我是react的初学者,所以很多简单的语法让我感到困惑。我有一个表单,在我的CreateReact应用程序中呈现得非常好,但我不知道在提交表单时如何从表单中获取数据 这是我的应用程序组件(我发誓) 下面是我代码的非JSX部分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:
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.addthis
到函数引用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!");