使用onClick链接到React / Semantic UI中的组件

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或事件是隐式的。