Traté de reproducir un archivo de audio con un reproductor de audio reactivo usando el botón externo. Revisé su documentación y descubrí que puedo hacerlo creando una referencia de un componente de audio y llamando al evento de reproducción desde mi botón externo, pero de alguna manera me encontré con el error.

Nombre del paquete: react-audio-player

Código

 import ReactAudioPlayer from 'react-audio-player'; render() { return( {songs ? songs.map((song, index) => ( <tr key={index}> <td><img className="rounded-all img-circle" src={song.cover} alt="playlist cover" /></td> <td>{song.name}</td> <td>{song.gener}</td> <td className="d-flex justify-content-end"> <ReactAudioPlayer src={song.song_mp3} ref={(element) => { this.rap = element; }} /> <i className="fa fa-play-circle d-flex align-items-center mgr-2 text-white play-button" onClick={this.rap.onPlay}></i> </td> </tr> )) : null} ))

TypeError: no se pueden leer las propiedades de undefined (leyendo 'onPlay')