我正在为项目使用第三方组件react-sparklines。但是,当我将其导入到我的组件时,如下所示,它会抛出以下错误:未捕获类型错误: super 表达式必须为 null 或函数,而不是未定义。但当我把它拿出来时,错误就消失了,应用程序运行顺利。

import React, {Component} from 'react'; 
import {connect} from 'react-redux'; 
import { Sparklines, SparklinesLine } from 'react-sparklines'; 
 
class WeatherList extends React.Component{ 
  renderCity(cityData){ 
    const name = cityData.city.name; 
    const temps = cityData.list.map(weather => weather.main.temp); 
 
    return ( 
      <tr key={name}> 
        <td>{name}</td> 
        <td> 
<Sparklines data={[5, 10, 5, 20]}> 
  <SparklinesLine color="blue" /> 
</Sparklines> 
        </td> 
      </tr> 
    ); 
  } 
} 
 
function mapStateToProps(state){ 
  return { weather: state.weather };} 
 
export default connect(mapStateToProps)(WeatherList); 

请注意,我故意遗漏了 render() 函数。以下是迷你图的链接:https://github.com/borisyankov/react-sparklines

任何帮助将不胜感激!

请您参考如下方法:

迷你图 1.7.0 版本有一个错误。考虑降级到较低版本,在本例中为版本 1.6.0:

npm r react-sparklines 
npm i --save react-sparklines@1.6.0 

您可能想在此处获取更多信息:https://github.com/borisyankov/react-sparklines/issues/89


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!