В компоненте есть такая кнопка:
<a href="#" className="controls-header-left"
name="previous_year"
onClick={this.previousControlClick}>
<span className="glyphicon glyphicon-triangle-left" aria-hidden="true">
</span>
</a>
Эта кнопка будет пролистывать календарь на год назад. Также есть кнопка, которая будет переводить год 1 вперед. Тоже самое хочу сделать с месяцами и создать 2 универсальных метода, которые в зависимости от имени кнопки будут листать месяц и год. В общем виде схема такова-метод получает имя, исходя из имени проходит в нужный case
, далее дергает родительский метод, в который передает, что изменилось. В родительском методе происходит setState
. При клике event.target.name
является undefined
. Соответственно дальше ничего не меняется. Подскажите пожалуйста почему так происходит и как это исправить
Метод на данный момент такой:
previousControlClick(event) {
switch(event.target.name) {
case 'previous_year' : {
var changed_year = {'year': this.props.year-1}
this.props.updateCalendar(changed_year)
}
case 'previous_month' : {
}
}
}
setState родителя:
updateCalendar(param) {
if(param.year !== 'undefined'){
this.setState({
year: param.year
})
} else {
this.setState({
year: param.month
})
}
}