Method render

react-piano/src/components/Piano.js:56–87

()

  }

  render() {
    const keys = _.map(NOTES, (note, index) => {
      return (
        <Key
          key={index}
          note={note}
          pressedKeys={this.state.pressedKeys}
        />
      );
    });

    const audioFiles = _.map(NOTES, (note, index) => {
      return (
        <audio
          id={note}
          key={index}
          src={`../../notes/${note}.mp3`}
        />
      );
    });

    return (
      <div>
        <div className="piano">
          {keys}
        </div>
        <div>
          {audioFiles}
        </div>
      </div>
    );
  }
}

export { Piano };