“Comment passer les variables à Makestyles” Réponses codées

passer des accessoires à un matériau de style ui

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

passer des accessoires à Makestyles

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

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

Comment passer les variables à 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

Réponses similaires à “Comment passer les variables à Makestyles”

Questions similaires à “Comment passer les variables à Makestyles”

Plus de réponses similaires à “Comment passer les variables à Makestyles” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code