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对象的数组：{{ 3}}