如何使用导入此npm包？

Question

我想导入这个包。

该链接仅提供此示例

var LineChart = require("react-chartjs").Line;

var MyComponent = React.createClass({
  render: function() {
   return <LineChart data={chartData} options={chartOptions} width="600"         height="250"/>
 }
});

但是如何像这样导入

import {LineChart } from 'react-chartjs';

我不知道如何

。线;

导入样式

Answer 1

var LineChart = require("react-chartjs").Line;

当量

import Line from 'react-chartjs/lib/line';

Answer 2

你可以写

import Line from 'react-chartjs';

因为在react-chartjs index.js ，行被列为

module.exports = {
  Bar: require('./lib/bar'),
  Doughnut: require('./lib/doughnut'),
  Line: require('./lib/line'),
  Pie: require('./lib/pie'),
  PolarArea: require('./lib/polar-area'),
  Radar: require('./lib/radar'),
  createClass: require('./lib/core').createClass
};

然后在需要时使用{Line} 。

Answer 3

给定oxy_js的答案，我相信您想要的导入行是

import { Line as LineChart } from 'react-chartjs';

这是导入Line但将其别名为LineChart以便在此文件中使用。