为什么在 React 中使用 UIkit（来自 getuikit）时不应用 data-uk 属性？答案

【问题标题】：Why are data-uk attributes not applied when using UIkit (from getuikit) in React?为什么在 React 中使用 UIkit（来自 getuikit）时不应用 data-uk 属性？
【发布时间】：2022-08-22 18:31:53
【问题描述】：

我最近注意到，出于某种原因，UIkit 不再在我的 React 项目中使用 data-uk-dropdown 属性。例如。这不再有效

  <div data-uk-dropdown=\"mode: click\">
    <ul className=\"uk-nav uk-dropdown-nav\">
        <li>One</li>
        <li>Two</li>
    </ul>
  </div>

我还注意到，在 UIkit 核心的 UIkit boot 函数中，applyChildListMutation 处理程序已安装但从未回调。这让我相信初始化 UIkit 的代码不能很好地与 React 配合使用（不再）。

标签： reactjs getuikit

【解决方案1】：

我无法解决最初的问题，但使用 UIkit 帮助我意识到我可以使用 Javascript 来解决它，如下所示：

<div ref={(x: any) => {UIkit.dropdown(x, {mode: 'click'});}}>
  <ul className="uk-nav uk-dropdown-nav">
      <li>One</li>
      <li>Two</li>
  </ul>
</div>

这具有对传递给UIkit.dropdown 的属性进行类型检查的额外好处。

【讨论】：