index.js

import React from 'react'
import ReactDOM from 'react-dom'
import { useState } from 'react'

const App = () => {

  const [ contador, setContador ] = useState({
    izquierda: 0,
    derecha: 0,
  })

  const [ valores, setValores ] = useState([])

  const handleClickIzquierda = () => {
    setContador({
      ...contador,
      izquierda: contador.izquierda + 1,
    })

    setValores([
      ...valores,
      'I',
    ])
  }
  const handleClickDer = () => {
    setContador({
      ...contador,
      derecha: contador.derecha + 1,
    })

    setValores([
      ...valores,
      'D',
    ])
  }

  return (
    <div>
      <p>Izquierda {contador.izquierda}</p>
      <button onClick={handleClickIzquierda} >Click me!</button>
      <button onClick={handleClickDer} >Click me!</button>
      <p>Derecha {contador.derecha}</p>
      {/* {valores.map((e) => { */}
      {/*   return (<span style={{margin: 8}}>{e}</span>) */}
      {/* })} */}

      {valores.map((e) =>
        <span style={{margin: 8}}>{e}</span>
      )}
    </div>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))