如何打开一个文本字段并在react的下拉列表中选择一些值来设置它的值

import React, { useState } from 'react';

function MyComponent() {
  const [textFieldValue, setTextFieldValue] = useState('');
  const [dropdownValue, setDropdownValue] = useState('');

  // 其他组件代码...

  return (
    <div>
      <input
        type="text"
        value={textFieldValue}
        onChange={(e) => setTextFieldValue(e.target.value)}
      />
      <select
        value={dropdownValue}
        onChange={(e) => setDropdownValue(e.target.value)}
      >
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </div>
  );
}