如何提交我的文本框值以转到React js中的a链接？

import React, { useState } from 'react';

function App() {
  const [inputValue, setInputValue] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    // 在这里处理提交逻辑，例如发送请求到服务器
    console.log('Submitted value:', inputValue);
  };

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <a
        href={`https://example.com/search?q=${inputValue}`}
        onClick={handleSubmit}
      >
        Search
      </a>
    </div>
  );
}

export default App;