要实现“保存到我的数据库并且每天检查一次API(使用Strapi + React)”的功能,可以按照以下步骤进行操作:
npx create-strapi-app my-project --quickstart
然后,按照提示完成Strapi的安装和设置。
npx strapi generate:model item title:string description:string
在Strapi中创建模型后,会自动生成相应的API端点。
import React, { useEffect } from 'react';
import axios from 'axios';
const MyComponent = () => {
useEffect(() => {
const fetchData = async () => {
try {
// 发送POST请求保存数据到数据库
const response = await axios.post('http://localhost:1337/items', {
title: 'Example Title',
description: 'Example Description',
});
console.log(response.data); // 打印保存的数据
// 发送GET请求检查API
const checkResponse = await axios.get('http://localhost:1337/items');
console.log(checkResponse.data); // 打印API返回的数据
} catch (error) {
console.error(error);
}
};
fetchData();
}, []);
return My Component;
};
export default MyComponent;
在上面的示例中,通过发送POST请求将数据保存到数据库,并通过发送GET请求检查API的返回数据。
import React from 'react';
import MyComponent from './MyComponent';
const App = () => {
return (
My App
);
};
export default App;
确保在React应用中正确引入和使用了所编写的组件。
注意:上述示例中的URL(http://localhost:1337)应根据实际部署的Strapi服务器进行更改。
通过以上步骤,可以实现在React应用中保存数据到数据库并每天检查API的功能。