Haz todo lo posible por comprender el código de forma correcta antes de aplicarlo a tu proyecto si tdeseas aportar algo puedes dejarlo en los comentarios.
Solución:
Encontré una solución:
const styles = theme => (
radio:
'&$checked':
color: '#4B8DF8'
,
checked:
)
Y dentro del componente:
label="Every Day (at 12:00)"
/>
Debes agregar el root
key.
Creo que necesitas usar colorsecundario clase key en lugar de colorPrimary porque el botón de opción tiene el color de secundario por defecto
también puede anular los valores predeterminados para los colores primarios, secundarios y predeterminados usando crearMuiTema y MuiThemeProvider componente en su componente raíz puede
import React from 'react';
import MuiThemeProvider, createMuiTheme from '@material-ui/core/styles';
import purple from '@material-ui/core/colors/purple';
import Button from '@material-ui/core/Button';
const theme = createMuiTheme(
palette:
primary: main: purple[500] , // Purple and green play nicely together.
secondary: main: '#11cb5f' , // This is just green.A700 as hex.
,
);
function App()
return (
);
export default App;
como puede ver en el siguiente ejemplo, simplemente envuelve sus componentes con MuiThemeProvider y cada componente ahora tendrá un nuevo color primario y secundario
Consulte este enlace del sitio web de material-ui para obtener más información Temas
Comentarios y puntuaciones del artículo
No se te olvide dar visibilidad a este tutorial si te fue de ayuda.