如果在React中出现AJV和ajv-formats的最新版本问题,可以尝试按照以下步骤进行解决:
npm install ajv@latest ajv-formats@latest --save
以下是一个简单的示例,展示如何在React中使用AJV和ajv-formats进行JSON模式验证:
import React from 'react';
import Ajv from 'ajv';
import ajvFormats from 'ajv-formats';
const schema = {
"type": "object",
"properties": {
"email": { "type": "string", "format": "email" },
"age": { "type": "number", "minimum": 18 },
"name": { "type": "string" }
},
"required": ["email", "age"]
};
const ajv = new Ajv();
ajvFormats(ajv);
export default function App() {
const [formData, setFormData] = React.useState({});
const handleSubmit = (e) => {
e.preventDefault();
const isValid = ajv.validate(schema, formData);
if (isValid) {
alert('Valid data!');
} else {
alert('Invalid data!');
}
};
const handleChange = (e) => {
const { name, value } = e.target;
setFormData({ ...formData, [name]: value });
};
return (