La anulación de clases en material-ui v1.0.0-beta-1 muestra la advertencia "la clave proporcionada para la propiedad de clases no está implementada"
Estoy tratando de anular el estilo de los componentes de Material-UI v1, usando elanulación por clases método.
Cuando intento anular una propiedad anidada, por ejemplo, el:flotar pseudo clase en elraíz clave me sale la siguiente advertencia:
Warning: Material-UI: the key `.MyButton-root-w:hover` provided to
the classes property object is not implemented in Button.
You can only overrides one of the following:
Ver por ejemplo:
import React from "react";
import { createStyleSheet, withStyles } from "material-ui/styles";
import Button from "material-ui/Button";
const buttonStyle = createStyleSheet("MyButton", {
root: {
backgroundColor: "#f99",
"&:hover": {
backgroundColor: "#99f"
}
}
});
export default withStyles(buttonStyle)(Button);
O verlo en acción enhttps://codesandbox.io/s/gRgGrYvr
Como el botón de ejemplo tiene un color de fondo diferente al pasar el mouse, me preguntaba si esto es un problema en Material-UI o si todavía no entiendo completamente cómo anular su estilo.