reactjs - 反応で特定のコンポーネントのみをインポートする

Question

私は反応するWebプロジェクトに取り組んでいます。
ライブラリから 3 つのコンポーネントのみをインポートするにはどうすればよいですか?
利用した：

import Line, Bar, Doughnut from 'react-chartjs-2';

エラーを出します。

import Line from 'react-chartjs-2';
import Bar from 'react-chartjs-2';
import Doughnut from 'react-chartjs-2';

すべての Line、Bar、Donut 要素を Donut 要素として機能させます。

使用する

import {Line, Bar, Doughnut} from 'react-chartjs-2';

ライブラリ全体をロードしますが、これは望ましくありません。

注: そのインポートを複数のファイルで使用します。

score 2 · Accepted Answer

作成者がコンポーネント/モジュール/クラスをどのように構築、パッケージ化、エクスポートするかについてです。

import { Doughnut } from 'react-chartjs-2'

コードを分離して自分で再構築しない限り。

なぜ react-bootstrap がそれを実行できるのか興味がある場合は、そのwebpack config、build tools、およびcode structureを確認してください。さらに、以下から取得できます。

1 に答える 1