Question

我想导入this包。

该链接仅提供此示例

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';

我无法弄清楚如何

.line区段;

导入样式

Answer 1

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

等效

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

Answer 2

你可以写

import Line from 'react-chartjs';

因为index.js react-chartjs行列为

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，以便在此文件中使用。

如何使用导入这个npm包？

3 个答案: