我正在尝试使用反应ES6组件覆盖nova-base组件创建一个基于望远镜新星的新应用程序,但我无法使用tab
组件。我收到此错误
未捕获的类型错误: (0 , _jquery2.default)(...).选项卡不是函数
<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
,并在包中使用它(仅在客户端中)。我还使用了 for 组件 - 因此生命周期事件被触发。
关于我做错了什么的任何想法?
而且,在将问题发布在这里之前尝试解决此问题几个小时后,我终于意识到 jQuery 必须与jQuery(...).tab()
一起使用,而不是与美元符号一起使用$('...').tab()