Question

我正在尝试创建一个基于望远镜 - 新星的新应用程序，使用反应ES6组件覆盖nova-base-components但我无法使用tab组件。我收到此错误

未捕获的TypeError：（0，_jquery2.default）（...）。tab不是函数

<div className="ui top attached tabular menu" ref="tabsMenu">
  <div className="active item" data-tab="description">Description</div>
  <div className="item" data-tab="elevator">Elevator Pitch</div>
  <div className="item" data-tab="market">Market Analysis</div>
  <div className="item" data-tab="value">Value Proposition</div>
</div>
<div className="ui bottom attached active tab segment" data-tab="description">
  <div dangerouslySetInnerHTML={createMarkup(cleanMarkup(idea.body))}>
  </div>
</div>
<div className="ui bottom attached tab segment" data-tab="elevator">
  <p>elevator</p>
</div>
<div className="ui bottom attached tab segment" data-tab="market">
  <p>marketAnalysis</p>
</div>
<div className="ui bottom attached tab segment" data-tab="value">
  <p>valueProposition</p>
</div>

在componentDidMount中，我使用此代码初始化标签

$('.ui.top.attached.tabular.menu .item').tab();

我已将semantic:ui-css添加到项目中，并在包中使用它（仅在客户端中）。我也使用了组件 - 所以生命周期事件就会被触发。

关于我做错了什么的任何想法？

Answer 1

并且，在这里发布问题之前几个小时试图修复此问题之后，我终于意识到jQuery必须与jQuery(...).tab()一起使用而不是与美元符号 ~~{{1}一起使用}~~

Meteor + React + Semantic - JS组件

1 个答案: