Установите < Avatar > backgroundColor случайно

Question

Установите < Avatar > backgroundColor случайно

Предполагая, что вы не пытаетесь сделать что-то злонамеренное, все, что вы хотели бы сделать с вашими собственными URL-адресами, может быть запущено с помощью htaccess .

0

reactjs material-ui

задан angus 19 March 2019 в 14:59

2 ответа

Другие вопросы по тегам:

reactjs material-ui

Похожие вопросы:

score 0 · Answer 1

Несколько способов сделать то, что вы хотите. Мое предложение: поместите 3 класса в массив, выбирайте случайное число от 0 до 2 каждый раз и присвойте этому имени класса:

<Avatar className={classes[Math.floor(Math.random() * 3)]}.../>

score 0 · Answer 2

let classNameHolder = ["avatar","orangeAvatar","purpleAvatar"];
<Card>
            <CardHeader
                avatar={
                    <Avatar id="av" aria-label="Recipe"
                        className={classNameHolder[Math.floor(Math.random() * 3)]}>{this.props.userName.charAt(0).toLocaleUpperCase()}
                    </Avatar>}
                title={this.props.userName} disableTypography={true}/>
            <CardActionArea disabled={this.state.images.length == 1 ? true : false}>
                <CardMedia
                    id={this.props.ownerId}
                    className={classes.media}
                    image={this.state.images[this.state.imageIndex]}
                    onClick={this.handleOnClick}
                />
            </CardActionArea>
        </Card>