CSS — Изменение цвета шрифта строковой переменной

#html #css #reactjs #colors #fonts

Вопрос:

Я пытаюсь изменить цвет переменной имени пользователя, вошедшего в систему.

userData.name является ли простая строка, возвращаемая из API:

введите описание изображения здесь

Проблема в том, как это выглядит в пользовательском интерфейсе (вы едва видите название, потому что оно имеет черный шрифт).:

введите описание изображения здесь

Кто-нибудь знает, как добавить стили в userData.name переменную, чтобы она изменила шрифт на белый или какой-либо другой цвет?

Спасибо!

Комментарии:

1. Вы также можете попробовать присвоить ему класс CSS (вход в систему и т. Д.), А затем оформить его.

Ответ №1:

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

 {auth ? (<p style={{color: 'white'}}>{userData.name}</p>) : <Button />}