如何将选择合并到我的React项目中？

import React, { useState } from 'react';

const SelectComponent = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleSelectChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <select value={selectedValue} onChange={handleSelectChange}>
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
  );
};

export default SelectComponent;

import React from 'react';
import SelectComponent from './SelectComponent';

const App = () => {
  const handleSelectedValue = (value) => {
    // 处理选择的值
    console.log(value);
  };

  return (
    <div>
      <h1>React项目</h1>
      <SelectComponent onSelect={handleSelectedValue} />
    </div>
  );
};

export default App;