Reactでのメソッドの書き方

Question

下記の記事内の
https://blog.yuhiisk.com/archive/2017/04/17/react-tabs.html
デフォルトスタイルの無効化>setUseDefaultStyles メソッドに false を渡して実行します。

という部分が、実際のクラスコンポーネント内でどう書けばいいのか分かりません

Tabs.setUseDefaultStyles(false);

constructor 内で実行とありますが、どのようにすればエラーがなく実行できますか？

Comments

[gentaro]

エラーが出るならその内容とコードを質問文に追記しましょう。

Answer 1

先程の回答に追加です。
react-tab の github レポジトリを見たところ、以前の README では、

• デフォルトでスタイル適用
• 不要ならば Tabs.setUseDefaultStyles(false); とする

となっていたようですが、現在では

• デフォルトではスタイルオフ
• 必要であれば import "react-tabs/style/react-tabs.css"; とする

と仕様が変わっているので、必要でない場合は単に css を import しなければ OK かと思います。

参考:
https://github.com/reactjs/react-tabs#styling

react-tabs does not include any style loading by default. Default stylesheets are provided and can be included in your application if desired.

Comments

[set0gut1]

その変更の元となったissue見つけました https://github.com/reactjs/react-tabs/issues/101

[natsuokawai]

補足ありがとうございます！

Answer 2

コンポーネントの constructor 内で実行するのがオススメです。

となっていますので、

import React, { Component } from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';

class SampleComponent extends React.Component {
  constructor(props) {
    Tabs.setUseDefaultStyles(false);
  }

  render() {
    ...
  }
}

としてみたらいかがでしょうか？
また、エラーとなる場合、どのようなエラーメッセージが出ているか分かると調査しやすいので教えていただきたいです。

Comments

[famlwrem]

ご返答有難うございます。

また、natsu375さんのコメント頂いたコンポーネントで試していますが下記のエラーが出ています
うまく読み込めてない、エラーだと思うのでその辺り粘っています。

TypeError: react_tabs__WEBPACK_IMPORTED_MODULE_6__.Tab.setUseDefaultStyles is not a function

[natsuokawai]

回答を追加しましたのでそちらを参照お願いします！