Reactjs: страница, освежающая дескриптор `onClick` кнопки?

Question

У меня есть следующий блок внутри моего render() (который является Bootstrap Кнопка: https://react-bootstrap.github.io/components.html#buttons-options):

<Button type="simpleQuery" onClick={this.handleEntailmentRequest.bind(this)}> 
    Query 
</Button> 

и следующие функции:

handleEntailmentRequest() { 
    console.log("handle request "); 
} 

Всякий раз, когда я нажимаю на кнопку, я могу видеть, что в журнале консоли появляется запрос «запрос на обработку», но внезапно исчезает. Я понимаю, что что-то вызывает обновление страницы. Любые мысли, где я ошибаюсь?

Answer 1

Действие кнопки по умолчанию - отправить форму.

Если вам не нужно, что - вам нужно, чтобы предотвратить это:

handleEntailmentRequest(e) { 
    e.preventDefault(); 

    console.log("handle request "); 
} 

Ссылки:

• MDN - Event.preventDefault()

Answer 2

Полное решение для вопроса перезагрузки страницы будет: