Реагируйте на то, чтобы сообщения другого пользователя отображались другим цветом ⇐ CSS
-
Anonymous
Реагируйте на то, чтобы сообщения другого пользователя отображались другим цветом
Я создаю приложение чата с каналами Django и реагирую на него, и я хочу, чтобы сообщения от другого пользователя отображались другим цветом.
Чтобы создавать сообщения, я сохраняю их в состоянии
const [messages,setMessages] = useState([]) chatSocket.onmessage = функция (е) { если (побежал == верно) { константные данные = JSON.parse(e.data); setMessages(old => [...old, {data.message
]) } } функция theone(e) { е.preventDefault() chatSocket.send(JSON.stringify({ 'сообщение': мойВход })); setMyInput2('')
Для className каждого сообщения это имя пользователя текущего пользователя. По сути, я хочу сделать что-то подобное.
{currentUser.username} { фон: красный } А если нет, то появится другой цвет.
Как заставить это работать.
Я создаю приложение чата с каналами Django и реагирую на него, и я хочу, чтобы сообщения от другого пользователя отображались другим цветом.
Чтобы создавать сообщения, я сохраняю их в состоянии
const [messages,setMessages] = useState([]) chatSocket.onmessage = функция (е) { если (побежал == верно) { константные данные = JSON.parse(e.data); setMessages(old => [...old, {data.message
]) } } функция theone(e) { е.preventDefault() chatSocket.send(JSON.stringify({ 'сообщение': мойВход })); setMyInput2('')
Для className каждого сообщения это имя пользователя текущего пользователя. По сути, я хочу сделать что-то подобное.
{currentUser.username} { фон: красный } А если нет, то появится другой цвет.
Как заставить это работать.
Мобильная версия