<li className={someCondition ? someClass : someOtherClass} />
someProp === SOME_CONSTRANT
<li className={getClassName(someProp)} />
key = {this.props.data[index]['id']}
key = {value.id}
return (
<div className="Question-list">
{this.props.data.map((value, index) => {
const cn = []
if (value === 1) {
cn.push('Question-list-item--current')
}
else {
cn.push('Question-list-item')
}
return <li onClick={this.setChosenQuestionNumber} key={value.id} className={cn.join(' ')}>
<span className="question-list-number">{index + 1}</span>
</li>
})}
</div>
)