反応タブの基本的な例を試してみようとしています。スタイリングが欠落しているようです。以下の例はコードサンドボックス( 'Hello.js'を見てください)にありますが、npm経由でプロジェクトにパッケージをインストールした後もまったく同じ動作をします。私は何が欠けていますか?ありがとう!ドキュメントから反応タブがタブとして書式設定されていない
https://codesandbox.io/s/jzql1q6819
反応タブの基本的な例を試してみようとしています。スタイリングが欠落しているようです。以下の例はコードサンドボックス( 'Hello.js'を見てください)にありますが、npm経由でプロジェクトにパッケージをインストールした後もまったく同じ動作をします。私は何が欠けていますか?ありがとう!ドキュメントから反応タブがタブとして書式設定されていない
https://codesandbox.io/s/jzql1q6819
https://github.com/reactjs/react-tabs#styling
で反応し、タブをデフォルトですべてのスタイルの負荷が含まれていません。デフォルトのスタイルシートが提供され、必要に応じてアプリケーションに含めることができます。
自分でスタイルをインポートする必要があります。コードサンドボックスではNPMパッケージから直接インポートすることはできませんので、CDNなどのソースを使用する必要があります。
さらに、あなたの例ではタブが動作しています。リスト項目をクリックすると、ここでは異なるコンテンツ
を明らかにしたスタイルを持つあなたの例のフォークが追加されます。https://codesandbox.io/s/ym7l2zk4oj
非常に良い!ありがとう。 – dt1000
サイドノート:インポート{タブ 'へ-タブを反応させるために、別のimport文のすべてを折りたたむことができ、TabListを、Tab、TabPanel}から 'react-tabs'; ' –
良い点、ありがとう – dt1000