无法触发电影应用编程接口项目的搜索功能，因为useState位于其他组件中

import React, { useState } from 'react';

const ParentComponent = () => {
  const [searchQuery, setSearchQuery] = useState('');
  const [searchResults, setSearchResults] = useState([]);

  const handleSearch = () => {
    // 执行搜索逻辑，更新searchResults状态
  };

  return (
    <div>
      <SearchComponent
        searchQuery={searchQuery}
        setSearchQuery={setSearchQuery}
        handleSearch={handleSearch}
      />
      <ResultsComponent searchResults={searchResults} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const SearchComponent = ({ searchQuery, setSearchQuery, handleSearch }) => {
  const handleChange = (event) => {
    setSearchQuery(event.target.value);
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    handleSearch();
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" value={searchQuery} onChange={handleChange} />
      <button type="submit">搜索</button>
    </form>
  );
};

export default SearchComponent;

import React from 'react';

const ResultsComponent = ({ searchResults }) => {
  return (
    <div>
      {searchResults.map((result) => (
        <div key={result.id}>{result.title}</div>
      ))}
    </div>
  );
};

export default ResultsComponent;