MaterialUI TextField выделите с преобразованием текста - PullRequest
Новая
       4

MaterialUI TextField выделите с преобразованием текста

0 голосов
/ 18 июня 2019

У меня есть следующий код, в котором я пытаюсь использовать значения, отображаемые в виде меток внутри MenuItem, но не применяет преобразование текста. Есть идеи? 

const values = ['some value', 'some value 2'];

<TextField
    id="status"
    name="status"
    select
    label="Status"
    onChange={this.handleSearch}
    value={filter.status}
    className={classes.textField}
>
    {campaignStatus.map(status => (
        <MenuItem key={status} value={status} style={{ textTransform: "capitalize" }}>
            {status}
        </MenuItem>
    ))}
</TextField>

1 Ответ

0 голосов
/ 18 июня 2019

это потому, что у пользовательского интерфейса есть своя собственная система переопределения стилей, вы должны использовать этот синтаксис 

import { makeStyles } from "@material-ui/core/styles";

const Function = props => {
  const useStyles = makeStyles(theme => ({
    center: {
      textTransform: "capitalize"
    }
  }));

  const classes = useStyles();

  const values = ["some value", "some value 2"];

  return (
    <TextField
      id="status"
      name="status"
      select
      label="Status"
      onChange={this.handleSearch}
      value={filter.status}
      className={classes.textField}
    >
      {campaignStatus.map(status => (
        <MenuItem key={status} value={status} className={classes.center}>
          {status}
        </MenuItem>
      ))}
    </TextField>
  );
};
...