如何在react中将dropdown值传入mongodb？

// 假设你已经安装了React和MongoDB相关依赖

import React, { useState } from 'react';
import axios from 'axios';

const MyForm = () => {
  const [dropdownValue, setDropdownValue] = useState('');

  const handleDropdownChange = (event) => {
    setDropdownValue(event.target.value);
  };

  const handleSubmit = (event) => {
    event.preventDefault();

    // 发送请求到后端
    axios.post('/api/saveDropdownValue', { value: dropdownValue })
      .then((response) => {
        console.log(response.data);
      })
      .catch((error) => {
        console.error(error);
      });
  };

  return (
    <form onSubmit={handleSubmit}>
      <select value={dropdownValue} onChange={handleDropdownChange}>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyForm;