Получить значения input в state без обновления страницы React

помогите с проблемой, есть инпут в который вводится дата, необходимо получить введенное значение в state, после чего передать в редюсер, при использовании onChange в инпуте происходит перерендер страницы. пример кода

 state = {
   dateInput: ''
}


render(){
   return(
     <div>
       <form onSubmit={this.stopReload} className="add-task__form">
                          <div className="add-task__inputs_div">
                            <input id="add-task__name" type="text" placeholder="Введите название задачи"/>
                            <input id="add-task__date" type="text" placeholder="Введите дату"/>
                            <input id="add-task__start-at" type="text" placeholder="Время начала"/></div>
                          <div className="add-task__buttons_div">
                            <button id="add-task__button" type="success" onClick={() =>{
                                console.log('dateInput ', this.state.dateInput)
                                this.props.addDay(this.inputValue) 
                                this.toggleModal()
                              }
                            } >Добавить задание</button>
                          <button onClick={()=>{this.toggleModal()}}>Закрыть</button>
                          </div>
                        </form>