En realidad, quería crear un componente personalizado para rechart usando el componente de la biblioteca de rechart. Cuando trato de representar los datos, no puedo ver el resultado. Déjame mostrarte un ejemplo.

 import { LineChart as ReLineChart} from 'recharts'; export class MyLine extends ReLine { static defaultProps = { ...ReLine.defaultProps, // Customized props strokeWidth: 2, dot: false, }; }

Cuando uso <MyLine /> , se está procesando correctamente y puedo ver el resultado en el navegador, una línea dibujada y también puedo pasar los accesorios requeridos en el jsx. Pero cuando uso una función de procesamiento en el componente de clase, la línea no se procesa. ¿Alguien puede darme una solución para obtenerlo?

 export class MyLine extends ReLine { static defaultProps = { ...ReLine.defaultProps, // Customized props strokeWidth: 2, dot: false, }; render(){ return <div>{}</div> }

Dame una solución.