当按“Cell”选项更改数据时，React表无法过滤

import React, { Component } from 'react';

class FilterableTable extends Component {
  constructor(props) {
    super(props);
    this.state = {
      filterText: '',
      data: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 }
      ]
    };
  }

  handleFilterChange = (event) => {
    this.setState({ filterText: event.target.value });
  }

  render() {
    const { filterText, data } = this.state;
    const filteredData = data.filter(item =>
      item.name.toLowerCase().includes(filterText.toLowerCase())
    );

    return (
      <div>
        <input
          type="text"
          value={filterText}
          onChange={this.handleFilterChange}
          placeholder="Filter by name"
        />
        <table>
          <thead>
            <tr>
              <th>Name</th>
              <th>Age</th>
            </tr>
          </thead>
          <tbody>
            {filteredData.map(item => (
              <tr key={item.name}>
                <td>{item.name}</td>
                <td>{item.age}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    );
  }
}

export default FilterableTable;