Question

你好我没有用 React 或const做很多事情，但现在正在从一种模板构建一个应用程序，我想在类组件中工作而不是使用cons。有没有人知道如何简单地移动代码，以便它在类内部工作？

以下是代码：

const部分

    const MonthlyView = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  datasets: [
    {
      label: 'Time reports',
      backgroundColor: convertHex(brandInfo, 10),
      borderColor: brandInfo,
      pointHoverBackgroundColor: '#fff',
      borderWidth: 2,
      data: monthlyReports
    },
    {
      label: 'Employees',
      backgroundColor: 'transparent',
      borderColor: brandDanger,
      pointHoverBackgroundColor: '#fff',
      borderWidth: 1,
      borderDash: [8, 5],
      data: employeesMonthly
    }
  ]
}

我想进入

class Statistics extends Component {

  constructor(){
    super();
    this.state = {


    }
  }

  getReports(){
  fetch(`https://www.internsathumanit.rocks/getReports`)
            .then(res => res.json())
            .then(res => {
                console.log(res);
            }).catch((e) => {
            });
}
render(){

}
}

我真的不知道从哪里开始。

以下是使用的monthlyView数据

    <CardBody>
            <Row>
              <Col sm="5">
                <CardTitle className="mb-0">Daily Time Reports</CardTitle>
                <div className="small text-muted">December 2017</div>
              </Col>
            </Row>
            <div className="chart-wrapper" style={{ height: 300 + 'px', marginTop: 40 + 'px' }}>
              <Line data={MonthlyView} options={mainChartOpts} height={300} />
            </div>
          </CardBody>

我真正想要的是MonthlyView js对象中的数据是否处于状态，如果它甚至可能，所以带有月份的标签等等处于状态，然后填充Line data = {MonthlyView} with the int int in the改为陈述

将const重构为类组件而不是？

0 个答案: