<button className="delete-btn" onClick={(event) => props.deleteNote(event, note.id)} >El código anterior es para un botón que, cuando se hace clic, llama a una función que se encuentra en otro componente y debe pasar note.id como su parámetro.
Según tengo entendido, cuando necesitamos pasar una función con parámetros adicionales como accesorios, debemos pasar toda la función de devolución de llamada como se escribió anteriormente.
Sin embargo, probé esta versión de código que no incluye el evento como parámetro para la función de devolución de llamada y parece que aún funciona. ¿Hay alguna diferencia importante entre los fragmentos de código?
<button className="delete-btn" onClick={() => props.deleteNote(event, note.id)} >Depende de si necesita hacer algo con el evento (como obtener datos o evitar la acción predeterminada) o no. Esta es mi opinión pero me gusta pasar siempre por si acaso.