items.reduce不是函数

Question

我正在使用react-donut-chart来绘制一些图。该代码是像这个 -

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import DonutChart from 'react-donut-chart'; 
import propTypes from 'prop-types'; 
class App extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.state={ 
     value:'', 
     text:'' 
    } 

    this.changeText=this.changeText.bind(this); 
    } 
    changeText(e){ 
    this.setState({ 
     text:e.target.value 
    }) 
    } 
    render(){ 
    return(
     <div> 
     <DonutChart data={this.state.text}/> 
     <input type='number' value={this.state.text} onChange={this.changeText}/> 
     </div> 
    ) 
    } 
} 

App.propTypes={ 
    data:propTypes.number 
} 
ReactDOM.render(<App/>,document.getElementById('container')); 

当我点击输入框，我得到的错误

items.reduce（）不是一个函数

我已经指定了propTypes，我还需要做什么。

Answer 1

e.target.value将返回你输入你指定给state.text，数据的字符串对象，其中<DonutChart data={array_object_here}/>希望根据文档shape对象数组：https://www.npmjs.com/package/react-donut-chart