如何在react-native-chart-kit中使用装饰器？

npm install react-native-chart-kit

import React from 'react';
import { LineChart } from 'react-native-chart-kit';

class ChartComponent extends React.Component {
  data = {
    labels: ['January', 'February', 'March', 'April', 'May', 'June'],
    datasets: [
      {
        data: [20, 45, 28, 80, 99, 43],
        color: (opacity = 1) => `rgba(0, 0, 0, ${opacity})`, // 设置数据线的颜色
        strokeWidth: 2 // 设置数据线的宽度
      }
    ]
  };

  render() {
    return (
      <LineChart
        data={this.data}
        width={300}
        height={220}
        chartConfig={{
          backgroundGradientFrom: '#ffffff',
          backgroundGradientTo: '#ffffff',
          decimalPlaces: 0,
          color: (opacity = 1) => `rgba(0, 0, 0, ${opacity})`,
          style: {
            borderRadius: 16
          }
        }}
        bezier
        style={{
          marginVertical: 8,
          borderRadius: 16
        }}
      />
    );
  }
}

export default ChartComponent;

import React from 'react';
import { View } from 'react-native';
import ChartComponent from './ChartComponent';

class App extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <ChartComponent />
      </View>
    );
  }
}

export default App;