你可以这样做来搜索新标签中的地方。

import React from 'react';

const Destination = () => {
  const handleSearch = (e) => {
    window.open(
      `https://www.google.com/maps/search/tourist+places+in+${e.target.place.value}`,
      '_blank'
    );
  };

  return (
    <div>
      <h1>Destination</h1>
      <form onSubmit={handleSearch}>
        <input
          type="text"
          name="place"
          class="form-control"
          id="place"
          placeholder="Enter place"
        />

        <button type="Submit" id="submit">
          Search
        </button>
      </form>
    </div>
  );
};

export default Destination;

创建状态：

const [destination, setDestination] = useState("");

然后使用此状态填充搜索查询，如下所示：

<input type="text" name="place" class="form-control" id="place" placeholder="Enter place" value={destination} onChange={(e) => setDesitnation(e.target.value)} />

然后在提交时可以调用按钮onClick()上的自定义函数：

<button id="submit" onClick={searchDestination}> Search </button>

该函数可能如下所示：

const searchDestination = () => {
    window.location.href = `https://www.google.com/maps/search/tourist+places+in+${destination}`;
}