Tengo una aplicación de reacción con dos botones ("+", "-") creados por un solo componente. Estoy tratando de usar CountAPI para almacenar los datos de entrada de los dos botones. Hasta ahora, puedo obtener la entrada y actualizar el sitio countAPI para interpretar más o menos de los botones. El problema que tengo es separar los dos botones. Funciona para ambos botones, pero no he podido descifrar cómo llamar al botón específico "+" o "-". Por ejemplo, en el siguiente código, está configurado para incrementarse en +1 cuando presiono el botón, pero puedo presionar el botón "+" o "-" y ambos aumentan en +1.

índice.js

 import React from 'react'; import ReactDOM from 'react- dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import countapi from 'countapi-js'; import "./App.js"; const alb = ReactDOM.createRoot(document.getElementById('alb')); alb.render( <React.StrictMode> <App /> </React.StrictMode> ); document.getElementById("alb").addEventListener("click", () => { countapi.update('f1AppAlbon', 'fbda1857-916b-413d-8b7b-503651f3c52c', +1).then((result) => { alert(`The magic button has been pressed ${result.value} times.`); }); });

Aplicación.js

 import React, { useState } from "react"; import Button from "./components/Button"; import "./App.css"; import "./index.js"; <div class="buttons"> <Button title={"-"} action={decrementCount} class="minus"></Button> <Button title={"+"} action={incrementCount} class="plus"></Button> </div>

índice.html

 <div id="+alb"></div>

Lo siento si alguna terminología es incorrecta, todavía soy nuevo en esto.