Quiero crear componentes personalizados para table , td , tr , etc. para diseñarlos en un solo lugar. ¿Cómo especifico los accesorios para esto? El siguiente código es mi intento de lograr esto, pero recibo muchos errores que dicen que los accesorios no se pueden asignar al tipo.
import React, { ReactNode, FC } from "react"; interface Props { children: ReactNode; } const Table: FC<Props & HTMLTableElement> = ({ children, ...rest }) => ( <table {...rest} className="min-w-full divide-y divide-gray-300"> {children} </table> ); export default Table;Reemplace su FC<Props & HTMLTableElement> con:
const Table: FC< Props & React.DetailedHTMLProps< React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement > > = ({ children, ...rest }) => ( <table {...rest} className="min-w-full divide-y divide-gray-300"> {children} </table> ); Ahora debería poder pasar todos los accesorios aceptados de <table /> .