UIkit Offcanvas 在 React 中无法正常关闭？

轩辕一茹提问于 2026-03-25 18:04:25 阅读 4

组件

我在 React 项目里用 UIkit 的 Offcanvas 做侧边栏，点击按钮能打开，但点遮罩或关闭按钮就是关不掉。控制台也没报错，UIkit 的 JS 文件也引入了，是不是哪里没绑定对？

我试过用 UIkit.offcanvas('#offcanvas').hide() 手动调用，但还是没反应。代码结构大概这样：

import UIkit from 'uikit';

function App() {
  const openOffcanvas = () => {
    UIkit.offcanvas('#my-offcanvas').show();
  };

  return (
    <>
      <button onClick={openOffcanvas}>打开侧边栏</button>
      <div id="my-offcanvas" uk-offcanvas="overlay: true">
        <div className="uk-offcanvas-bar">
          <button className="uk-offcanvas-close" type="button" uk-close></button>
          <p>内容</p>
        </div>
      </div>
    </>
  );
}

前端框架

我来解答赞 1 收藏

反馈

暂无解答