Как в React отменить перезагрузку страницы при клике на кнопку и при том же клике сразу вызвать другую функцию?

Question

[Merle7]

Здравствуйте, есть следующая функция из библиотеки react-speech-recognition.
Она навешивается на клик по кнопке.

onClick={() => { SpeechRecognition.startListening({ continuous: true, language: 'ru' }) }}

Но при клике на кнопки страница перезагружается.Нужно при клике отменить перезагрузку и выполнить эту функцию старта записи голоса.

Comments

[twoone]

event.preventDefault() у события нажатия вызвать нужно.

[Merle7]

twoone, Это понятно, но как правильно записать две эти функции на один клик?Пробую

function handleClick (e) {
e.preventDefault()
function record () {
SpeechRecognition.startListening({ continuous: true, language: 'ru' })
}
}

Работает только отмена перезагрузки, вторая функция - нет

[Merle7]

Merle7, тут проблема была с синтаксисом, вот правильный вариант:

function handleClick (e) {
e.preventDefault()

SpeechRecognition.startListening({ continuous: true, language: 'ru' })
}

На кнопке:

onClick={(e) => handleClick(e)}

Answer 1

[8XL]

const handleClick = (e) => {
 e.preventDefault();
SpeechRecognition.startListening({ continuous: true, language: 'ru' })
}

onClick = { handleClick }