从react搜索栏中的选定值设置状态

import React, { useState } from 'react';

function SearchBar() {
  const [selectedValue, setSelectedValue] = useState('');

  // 其他组件代码...

  return (
    <div>
      {/* 搜索栏代码 */}
    </div>
  );
}

function SearchBar() {
  const [selectedValue, setSelectedValue] = useState('');

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

  // 其他组件代码...

  return (
    <div>
      <input type="text" value={selectedValue} onChange={handleSearchInputChange} />
      {/* 其他搜索栏代码 */}
    </div>
  );
}