El nombre de mi proyecto de reacción es "aplicación de contador" y tiene varios componentes, quiero actualizar los valores de cada botón de contador, pero en ese caso surge un problema

Fragmento de código de Counter.jsx :

 import React, { Component } from 'react'; class Counter extends Component { state = { count : 0 }; handleIncrement = product => { console.log(product); this.setState({ count : this.state.count + 1 }); }; render() { return ( <div> <span className={this.getBadgeClasses()}>{this.formatCount()}</span> <button onClick={() => this.handleIncrement(product)} className="btn btn-secondary btn-sm" > Increment </button> </div> ); } getBadgeClasses() { let classes = "badge m-2 badge-"; classes += this.state.count === 0 ? "warning" : "primary"; return classes; } formatCount(){ const {count} = this.state; return count === 0 ? "Zero" : count; } } export default Counter;