Reactjs 仅导入react中的特定组件

Reactjs 仅导入react中的特定组件,reactjs,babeljs,react-chartjs,Reactjs,Babeljs,React Chartjs,我正在与react一起进行一个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'; 使所有线、条和甜甜圈元素充当甜甜圈元素 使用 加载整个库,这是我不想要的

我正在与react一起进行一个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';
使所有线、条和甜甜圈元素充当甜甜圈元素

使用

加载整个库,这是我不想要的


注意:我在多个文件中使用该导入。

它是关于作者如何构建、打包、导出组件/模块/类的

查看react-chartjs-2的and,您将看到每个类都不是作为模块()导出的,因此您只能像这样导入类甜甜圈(或其他类):

从'react-chartjs-2'导入{Doughnut}

除非您分离代码并自己重新构建它们

如果您对react bootstrap为什么能够做到这一点感兴趣,请检查它,然后。我们还可以从以下方面获得更多信息:

  • react-chartjs-2发行版的文件结构

  • react bootstrap发行版的文件结构


从'react-chartjs-2'导入{Doughnut,Line,Bar}
试试这个
从'react-chartjs-2/Line'导入行;从“react-chartjs-2/Bar”导入Bar;从“react-chartjs-2/甜甜圈”导入甜甜圈它能工作吗?(我没有测试它,只是想尝试一下。)你说的整个lib是什么意思?看一看。它应该像你一样工作want@TheReason@AndreLee遗憾的是,这不起作用,
也不能从'react-chartjs-2/components/Line'导入行
import {Line, Bar, Doughnut} from 'react-chartjs-2';