Hola, soy nuevo en desarrollo web. Estoy estudiando en una escuela de adultos para cambiar mi carrera. Mi pregunta es simple. Estoy desarrollando mi proyecto de fin de año y lo hago con React JS. Me siento cómodo con el componente de clase, lo necesitaba para acceder a los parámetros de URL con el componente de clase, así que hice esto:

 import React from "react"; import {Component} from "react"; import {useParams} from "react-router-dom" export default function ParamsReader(){ return <CategoriesComponent params={useParams()}/> } class CategoriesComponent extends React.Component{ constructor(props){ super(props) this.state={ } } componentDidMount(){ console.log(this.props.params); Object.entries(this.props.params).map((param)=>( console.log(param[1]) )) } render(){ return( <div> <h1>HELLO</h1> </div> ) } }

esto está funcionando, puedo acceder a lo que necesito (el componenteDidMount está aquí para verificar lo que recupero en mi clase), pero mi pregunta es: ¿es una buena práctica? Tanto la función como la clase están en el archivo. ¿Debería dividirlas en archivos diferentes? gracias por sus respuestas