可折叠在i18n React中给问题

Question

可折叠类之前曾在工作，但在添加i18n之后，它在React中停止工作。我正在使用Materialize Collapsible，它应该如图所示工作，但是单击后它的可折叠主体没有激活。

反应版本：

• “反应”：“ ^ 16.13.0”，
• “ react-dom”：“ ^ 16.13.0”，

<ul className="collapsible z-depth-0" data-collapsible="accordion">
    <li>
        <div className="collapsible-header"><span><i
            className="material-icons">account_circle</i>{t('custome.yourdata')}</span></div>
        <div className="collapsible-body">
            <div>
                {t('custome.fnamelname')}:{this.state.formData.fname + " " + this.state.formData.lname}</div>
            <div>E-Mail: {this.state.formData.email}</div>
            <div>{t('custome.mobileno')}: {this.state.formData.mobile}</div>
        </div>
    </li>
</ul>

I18n链接：= https://react.i18next.com/legacy-v9/step-by-step-guide