“Cómo pasar variables a Makestyles” Código de respuesta

Pase los accesorios al estilo de material de material

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import {Theme} from '@material-ui/core';

export interface StyleProps {
    height: number;
}

const useStyles = makeStyles<Theme, StyleProps>(theme => ({
  root: {
    background: 'green',
    height: ({height}) => height,
  },
}));

export default function Hook() {

  const props = {
    height: 48
  }

  const classes = useStyles(props);
  return <Button className={classes.root}>Styled with Hook API</Button>;
}
Cautious Coyote

pasar accesorios a makestyles

const useStyles = props => makeStyles( theme => ({
    div: {
        width: theme.spacing(props.units || 0)  
    }
}));

//calling the function
const classes = useStyles(props)();
Graceful Gerenuk

Cómo pasar variables a Makestyles

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import {Theme} from '@material-ui/core';

const useStyles = makeStyles(theme => ({
  root: {
    background: ({color})=> color,
  },
}));

export default function Hook() {
  const props = {
    color: "#1D3874"
  }
  const classes = useStyles(props);
  return <Button className={classes.root}>Styled with Hook API</Button>;
}
Silly Shrike

Respuestas similares a “Cómo pasar variables a Makestyles”

Preguntas similares a “Cómo pasar variables a Makestyles”

Más respuestas relacionadas con “Cómo pasar variables a Makestyles” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código