超級表達式必須爲null或函數，在使用React-Sparklines時未定義。

Question

我正在爲項目使用第三方組件react-sparklines。但是，如下所示，將其導入到我的組件時，會引發以下錯誤：未捕獲的TypeError：超級表達式必須爲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()函數。以下是Sparklines的鏈接：https://github.com/borisyankov/react-sparklines

任何幫助將不勝感激！

Answer 1

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

Answer 2

你需要在你的類中定義構造函數。

constructor(props){ 
    super(props); 
}