Estoy creando un sitio basado en Next.js (React | TSX) y la biblioteca Material-UI. Personalizo algunos de mis componentes y me gustaría preguntar sobre el uso de contenedores <div>
alrededor de mis componentes, como:
export const component = /** JSX below */
<Fragment> <div className={classes.root}> <MUIDataTable data={data.feed} columns={columns} options={options} /> </div> </Fragment>
La mayoría de los componentes se parecen a eso. Uso divs para pasar el css style
personalizado a través de la propiedad className
. Entonces, la pregunta es, ¿está bien envolver mis componentes o no?
No tengo mucha experiencia con el front-end, por lo que no conozco las mejores prácticas con MUI y React. ¿Probablemente hay algún tipo de componente que debería usar en lugar de <div>
?