You need to take care of the following:
event handlers need to be mapped to a function:
<button onClick={this.onChallengeButtonClicked}>Start<button>
You need to tell each button to which item it corresponds to:
<button item={item} onClick={this.onChallengeButtonClicked}>Start<button>
Event handler function can detect which button item was clicked by accessing the event parameter: onChallengeButtonClicked: function(event) { item = event.currentTarget.item; window.location.href = item.title; }
event handlers need to be mapped to a function:
<button onClick={this.onChallengeButtonClicked}>Start</button> - You need to tell each button to which item it corresponds to:
<button item={item} onClick={this.onChallengeButtonClicked}>Start</button> - Event handler function can detect which button item was clicked by accessing the event parameter:
onChallengeButtonClicked: function(event) { item = event.currentTarget.item; window.location.href = item.title; }