Varias formas de personalizar y modificar la biblioteca de componentes

Muchas bibliotecas de componentes admiten temas personalizados, lo que es adecuado para proyectos con especificaciones claras de diseño de componentes. Aquí hay documentación sobre temas personalizados:

Cuando un proyecto de React usa módulos css, puede anular los estilos de la biblioteca de componentes a nivel de componente. Por ejemplo, si está utilizando un componente antd y ese componente tiene un estilo ligeramente diferente al del diseño, puede anular el estilo globalmente a través del módulo CSS.

Si el orden de anulación de estilo no funciona, puede agregar !importante

Generalmente, los componentes tienen una API para personalización. Por ejemplo, estilo de contenedor, botón de cerrar, estilo de componente interno, reemplazo de íconos, etc. Si el componente solo se usa en un lugar, simplemente defina los cambios directamente en la API del componente. Si el componente será reutilizado. Luego puede volver a encapsular el componente.

La siguiente es una encapsulación secundaria del componente Modal basada en antd. Ahora todo el proyecto utiliza el componente Modal encapsulado.

Antes de eso, necesitamos cambiar la funcionalidad de selección múltiple del formulario para mostrar casillas de verificación al pasar el mouse y números al pasar el mouse. No hay ninguna API para esto en ali-react-table.

Dado que no podemos cumplir con este requisito, ¿deberíamos abandonar la biblioteca? ¡No es así! Puede bifurcar el proyecto y modificar el código fuente. Si hay actualizaciones posteriores en el repositorio, puede fusionar los cambios del repositorio principal en el repositorio fork.

En la referencia de package.json, simplemente haga referencia al proyecto bifurcado. Esto se puede lograr haciendo referencia directa a la ruta de git o publicándola en npm.

Puede haber otras formas de anular componentes, pero por ahora, estas cuatro son elegantes.