为什么在使用UIkit (来自getuikit)时没有应用data属性？

Question

最近我注意到，由于某种原因，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 boot函数的UIkit核心中，applyChildListMutation处理程序已经安装，但从未被调用。这使我相信，初始化UIkit的代码没有很好地处理React (不再)。

Answer 1

缺少的实际内容是以下导入语句：import UIkit from 'uikit';。即使在代码中没有引用UIkit (它可能会触发所需库代码的加载)，也需要这样做。

Answer 2

我无法修复最初的问题，但是使用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的属性。