Problem drum machine with react, to play different sounds

Hi, I dont know how to play different sounds in this project, please helpme.

This is the repo

Please the error in console is this:

Uncaught TypeError: _this.props.handleDisplay is not a function
    at App.eval (App.jsx:87)
    at onClick (Button.js:17)
    at HTMLUnknownElement.callCallback (react-dom.development.js:149)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
    at invokeGuardedCallback (react-dom.development.js:256)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:270)
    at executeDispatch (react-dom.development.js:561)
    at executeDispatchesInOrder (react-dom.development.js:583)
    at executeDispatchesAndRelease (react-dom.development.js:680)
    at executeDispatchesAndReleaseTopLevel (react-dom.development.js:688)

Can someone helpme,
thanks from Chile :pray::pray::pray::pray::pray::pray::pray::pray::pray::pray::pray::pray::pray:

Show your working project so others can see your project in action. For example, I have a drum machine located at You can immediately see it in action and view code. This will make it easier for others to understand your code.

Thanks for the advice, finally I had to see a tutorial, but works fine on Codepen.:innocent: