如何在react js中使用搜索并在特定的div中获得结果？

import React, { Component } from 'react';

class SearchComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      searchKeyword: '',
      searchResult: [],
    };
  }

  handleSearchChange = (event) => {
    this.setState({ searchKeyword: event.target.value });
  }

  componentDidUpdate(prevProps, prevState) {
    if (prevState.searchKeyword !== this.state.searchKeyword) {
      // 根据搜索关键字进行搜索，这里可以调用相应的搜索函数或API
      const searchResult = performSearch(this.state.searchKeyword);
      this.setState({ searchResult });
    }
  }

  render() {
    return (
      <div>
        <input type="text" onChange={this.handleSearchChange} />
        <div>
          {this.state.searchResult.map((result, index) => (
            <div key={index}>{result}</div>
          ))}
        </div>
      </div>
    );
  }
}

export default SearchComponent;