Components

MusicPerformanceHeader

<MusicPerformanceHeader numberOfMeasures switchToPractice switchToExercise />

Renders the MusicPerformanceHeader component. This component is used when a user is viewing performance.

Constructor

# <MusicPerformanceHeader numberOfMeasures switchToPractice switchToExercise />

PropTypes:
Name Type Required Description Default
numberOfMeasures string Yes The number of measures in the current piece of sheet music
switchToPractice func Yes Switches to the practice view
switchToExercise func Yes Switches to the exercise view

View Source components/Music/MusicPerformanceHeader/MusicPerformanceHeader.js, line 24

Extends

  • Component

Members

# state

MusicPerformanceHeader component state
Properties:
Name Type Description
shouldDisplayExerciseGenerator boolean Indicates of the exercise generator should be displayed

View Source components/Music/MusicPerformanceHeader/MusicPerformanceHeader.js, line 29

Methods

# render()

Renders the MusicPerformanceHeader component

View Source components/Music/MusicPerformanceHeader/MusicPerformanceHeader.js, line 72

# showOrHideExerciseGenerator()

Flips shouldDisplayExerciseGenerator property in state

View Source components/Music/MusicPerformanceHeader/MusicPerformanceHeader.js, line 37