Каналы Django с react не отправляют данные другим клиентам
Всем привет! У меня есть небольшая проблема, когда все работает нормально с websocket, за исключением того, что если я открываю другой клиент, данные на другом клиенте не изменяются. Я опубликую свой код и объясню больше
import React, { Component, useEffect, useState } from 'react'
import { client, w3cwebsocket } from 'websocket'
import { Form, Button, Row, Col, Container } from 'react-bootstrap'
function RoomScreen() {
const [value, setValue] = useState('initialTest')
const [room, setRoom] = useState('new_room')
client = new w3cwebsocket(
'ws://' + '127.0.0.1:8000' + '/ws/' + room + '/'
)
const testHandler = (e) => {
client.send(JSON.stringify({
"click": "Someone Clicked",
}))
e.preventDefault()
}
client.onmessage = (e) => {
const dataTest = JSON.parse(e.data)
if(Object.keys(dataTest)[0] == "sent"){
console.log(dataTest)
setValue(dataTest["sent"])
document.querySelector(".test-form").innerHTML = value
}
}
return (
<Container>
<Form onSubmit={testHandler}>
<Form.Group controlId='test'>
<Form.Label className='test-form'>Dumb Test</Form.Label>
</Form.Group>
<Button type='submit' variant='primary'>
Click Test
</Button>
</Form>
</Container>
)
}
Что должно произойти, когда я получаю сообщение от бэкенда, я использую селектор запросов, чтобы изменить form.label на это сообщение. Это работает на одном клиенте, но если я открываю другой клиент, то form.Label не меняется. Надеюсь, я был достаточно понятен