如何使用ReactJS计算给定数字在数组中的出现次数

import React, { Component } from 'react';

class CountOccurrences extends Component {
  constructor(props) {
    super(props);
    this.state = {
      numbers: [],
      targetNumber: '',
      occurrences: 0,
    };
  }

  handleInputChange = (event) => {
    this.setState({ targetNumber: event.target.value });
  };

  handleButtonClick = () => {
    const { numbers, targetNumber } = this.state;
    const occurrences = numbers.reduce((count, number) => {
      if (number === targetNumber) {
        return count + 1;
      }
      return count;
    }, 0);
    this.setState({ occurrences });
  };

  render() {
    const { targetNumber, occurrences } = this.state;
    return (
      <div>
        <input type="number" value={targetNumber} onChange={this.handleInputChange} />
        <button onClick={this.handleButtonClick}>计算</button>
        <p>给定数字在数组中的出现次数：{occurrences}</p>
      </div>
    );
  }
}

export default CountOccurrences;