Ссылка на компонент в React / Semantic UI с помощью onClick

Question

Мне нужно открыть модал с помощью onClick, переменная, вызывающая модал, вложена между ключами перевода. Вот часть кода. При нажатии на текст ссылки у меня в настоящее время появляется следующее сообщение об ошибке: Не удается прочитать свойство 'modaleNouvelleOeuvre' с неопределенным значением: - /

modaleNouvelleOeuvre(ouvert = true) { /*Ouvert means Open*/
this.setState({ modaleOeuvre: ouvert })
}

{t('flot.split.tableaudebord.vide.indication')}
<a href="#" onClick={(e) => { e.preventDefault(); this.modaleNouvelleOeuvre() }}>
{t('flot.split.tableaudebord.vide.indication-lien')}</a>

В другом месте на странице есть кнопка, чтобы открыть тот же модал:

<Modal
open={this.state.modaleOeuvre}
onClose={() => { this.modaleNouvelleOeuvre(false); if (this.state.audio) this.state.audio.stop() }}
size="large"
closeIcon
closeOnDimmerClick={false}
>

Answer 1

Это потому, что вы вызываете this.modaleNouvelleOeuvre() внутри <a>.

<a href="#" onClick={this.modaleNouvelleOeuvre}>

modaleNouvelleOeuvre(e) {  
  e.preventDefault()
  this.setState({ modaleOeuvre: !this.state.ouvert })
}

Примечание: e или событие неявное.