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