2017-09-07 7 views
0

反応タブの基本的な例を試してみようとしています。スタイリングが欠落しているようです。以下の例はコードサンドボックス( 'Hello.js'を見てください)にありますが、npm経由でプロジェクトにパッケージをインストールした後もまったく同じ動作をします。私は何が欠けていますか?ありがとう!ドキュメントから反応タブがタブとして書式設定されていない

https://codesandbox.io/s/jzql1q6819

+1

サイドノート:インポート{タブ 'へ-タブを反応させるために、別のimport文のすべてを折りたたむことができ、TabListを、Tab、TabPanel}から 'react-tabs'; ' –

+0

良い点、ありがとう – dt1000

答えて

3

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

で反応し、タブをデフォルトですべてのスタイルの負荷が含まれていません。デフォルトのスタイルシートが提供され、必要に応じてアプリケーションに含めることができます。

自分でスタイルをインポートする必要があります。コードサンドボックスではNPMパッケージから直接インポートすることはできませんので、CDNなどのソースを使用する必要があります。

さらに、あなたの例ではタブが動作しています。リスト項目をクリックすると、ここでは異なるコンテンツ

を明らかにしたスタイルを持つあなたの例のフォークが追加されます。https://codesandbox.io/s/ym7l2zk4oj

+0

非常に良い!ありがとう。 – dt1000

関連する問題