将对象从React传递到Express并创建新的Airtable记录

import React, { useState } from 'react';

const MyComponent = () => {
  const [myObject, setMyObject] = useState({ name: 'John', age: 25 });

  const createRecord = async () => {
    try {
      const response = await fetch('/api/createRecord', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify(myObject),
      });

      if (response.ok) {
        console.log('Record created successfully');
      } else {
        console.error('Failed to create record');
      }
    } catch (error) {
      console.error('Error:', error);
    }
  };

  return (
    <div>
      {/* Your component UI */}
      <button onClick={createRecord}>Create Record</button>
    </div>
  );
};

export default MyComponent;

const express = require('express');
const Airtable = require('airtable');

const app = express();
app.use(express.json());

const base = new Airtable({ apiKey: 'YOUR_API_KEY' }).base('YOUR_BASE_ID');

app.post('/api/createRecord', (req, res) => {
  const { name, age } = req.body;

  base('YOUR_TABLE_NAME').create(
    { Name: name, Age: age },
    (err, record) => {
      if (err) {
        console.error('Error creating record:', err);
        res.status(500).send('Failed to create record');
      } else {
        console.log('Record created:', record.getId());
        res.sendStatus(200);
      }
    }
  );
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});