我唯一能解决这个问题的方法如下，这与你用React解决这个问题的方法有点不同。

import { Select, Option } from '@material-tailwind/react';
import { useState } from 'react';

export default function Home() {
  const [value, setValue] = useState(null);

  const handleChange = (value) => {
    console.log('value:', value);
  };

  return (
   <div className='w-72'>
       <Select label='Select Version' value={value} onChange={handleChange}>
          <Option value='123'>Material Tailwind HTML</Option>
          <Option>Material Tailwind React</Option>
          <Option>Material Tailwind Vue</Option>
          <Option>Material Tailwind Angular</Option>
          <Option>Material Tailwind Svelte</Option>
     </Select>
  </div>
  );
}

import React,{useState} from "react"
    import { Select, Option } from "@material-tailwind/react";

 export default function Example() {
const [temp,setTemp] = useState();
const handleChange=(e)=>{
setTemp(e);
}
  return (
    <div className="w-72">
      <Select onChange={handleChange} label="Select Version" >
        <Option value="A">Material Tailwind HTML</Option>
        <Option value="B">Material Tailwind React</Option>
        <Option value="C">Material Tailwind Vue</Option>
        <Option value="D">Material Tailwind Angular</Option>
        <Option value="E">Material Tailwind Svelte</Option>
      </Select>
    </div>
  );
}