Новичок в React и пока не совсем все понимаю. Пытаюсь изменить состояние компонента. Пишут что на прямую нельзя менять, только используя setState.
Когда вывожу в консоль, состояние получается такое же как было изначально - пустой массив. Подскажите, в чем моя ошибка. Скрипт на самом деле сложнее, просто я убрал все лишнее, чтобы проверить только изменение состояния
class DateRange extends React.Component {
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this)
this.state = {
currentTime: new Date(),
periodYear: []
};
}
onChange() {
console.log('Событие работает')
this.setState({ periodYear: [1, 2, 3] }); //Здесь ставлю массив с недельными периодами в течение года
console.log(this.state.periodYear);
}
render() {
return this.renderView();
}
renderView() {
return (
<div>
<input type="date" onChange={this.onChange} />
</div>
);
}
}
ReactDOM.render(<DateRange />, document.getElementById("dateRange"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="dateRange"></div>