0

nova-base-components をオーバーライドする react ES6 コンポーネントを使用して、telescope-nova に基づいて新しいアプリを作成しようとしていますが、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し、パッケージでそれを使用します（クライアントのみ）。コンポーネントにも を使用したので、ライフサイクル イベントがトリガーされます。

私が間違っていることについてのアイデアはありますか?

4

1 に答える 1

0

そして、ここに質問を投稿する前にこれを修正しようとして数時間後、私は最終的に、jQueryはjQuery(...).tab()ドル記号ではなく一緒に使用する必要があることに気付きました$('...').tab()

于 2016-06-07T14:25:20.023 に答える