在react中按Backspace键时过滤器不工作

class MyComponent extends React.Component {
  handleKeyDown = (event) => {
    if (event.keyCode === 8) { // Backspace键的keyCode为8
      // 执行过滤器操作
    }
  }

  render() {
    return (
      <div onKeyDown={this.handleKeyDown}>
        {/* 组件内容 */}
      </div>
    );
  }
}

class MyComponent extends React.Component {
  handleKeyDown = (event) => {
    if (event.keyCode === 8) {
      // 执行过滤器操作
      this.setState({ filteredData: filteredData });
    }
  }

  render() {
    return (
      <div onKeyDown={this.handleKeyDown}>
        {/* 组件内容 */}
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  state = {
    filterValue: ""
  }

  handleKeyDown = (event) => {
    if (event.keyCode === 8) {
      // 执行过滤器操作
      const filteredData = filterData(event.target.value, this.state.filterValue);
      this.setState({ filteredData: filteredData });
    }
  }

  render() {
    return (
      <div onKeyDown={this.handleKeyDown}>
        <ChildComponent filterValue={this.state.filterValue} />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    const filteredData = filterData(data, this.props.filterValue);
    return (
      <div>
        {/* 渲染过滤后的数据 */}
      </div>
    );
  }
}