VR
эх... сокет открывается в момент вызова new Websocket. В useEffect ты всего лишь подписался на событие "вебсокет открылся".
Size: a a a
2020 October 22
M
вот теперь действительно понял
M
эх... сокет открывается в момент вызова new Websocket. В useEffect ты всего лишь подписался на событие "вебсокет открылся".
ну вот допустим я открываю сокет в useEffect
useEffect(() => {
let ws = new WebSocket("wss://elepsio.herokuapp.com/");
ws.onclose = () => console.log("Сокет закрыт");
return () => {
ws.close();
};
}, []);M
и теперь когда я открываю компонент открывается соединение и закрываю закрывается
M
у меня есть стейт
M
мне в него нужно записывать приходящие данные
M
записывать данные я должен в хуке или за хуком ?
M
export default function Chart() {
const theme = useTheme();
useEffect(() => {
let ws = new WebSocket("wss://elepsio.herokuapp.com/");
ws.onopen = () => console.log("ws open");
ws.onclose = () => console.log("ws closed");
return () => {
ws.close();
};
}, []);
const [barData, setBarData] = useState({
data: [
{
time: "18:02",
pulse: 87,
},
],
});
ws.onmessage = function (event) {
setBarData({ data: [...barData.data, JSON.parse(event.data)] });
};M
если за хуком то ws не определенная
VR
export default function Chart() {
const theme = useTheme();
useEffect(() => {
let ws = new WebSocket("wss://elepsio.herokuapp.com/");
ws.onopen = () => console.log("ws open");
ws.onclose = () => console.log("ws closed");
return () => {
ws.close();
};
}, []);
const [barData, setBarData] = useState({
data: [
{
time: "18:02",
pulse: 87,
},
],
});
ws.onmessage = function (event) {
setBarData({ data: [...barData.data, JSON.parse(event.data)] });
};ws.onmessage должна быть там, где есть ws.
M
вот так ?
export default function Chart() {
const theme = useTheme();
useEffect(() => {
let ws = new WebSocket("wss://elepsio.herokuapp.com/");
ws.onopen = () => console.log("ws open");
ws.onmessage = function (event) {
setBarData({ data: [...barData.data, JSON.parse(event.data)] });
};
ws.onclose = () => console.log("ws closed");
return () => {
ws.close();
};
}, []);
const [barData, setBarData] = useState({
data: [
{
time: "18:02",
pulse: 87,
},
],
});SA
ребят не могу разобраться с Controller (react-hook-form) с привязкой react-select, а именно привязать значение по умолчанию
SA
S. A. M.
ребят не могу разобраться с Controller (react-hook-form) с привязкой react-select, а именно привязать значение по умолчанию
<Controller {...props}
name={name}
control={control}
defaultValue={''}
render={({onChange, value}) => (
<SelectLib styles={selectCustomStyles}
value={(value && value.value) || (val)}
options={options}
onChange={(val) => {
setVal(val);
let newValue = val;
if (multi && isArray(val)) {
newValue = val.map(({value}) => value)
} else {
newValue = val && val.value;
}
return onChange(newValue)
}}
placeholder={title}
isMulti={multi}
/>
)
}
/>M
похоже
но теперь происходит я так понял мутация,он постоянно заменяет элемент второй,а не добавляет каждый элемент
VR
но теперь происходит я так понял мутация,он постоянно заменяет элемент второй,а не добавляет каждый элемент
разобрался с сокетами, теперь пора разобраться как добавлять данные в стейт :)
VR
VR
M
разобрался с сокетами, теперь пора разобраться как добавлять данные в стейт :)
а в что тут не так ?
ws.onmessage = function (event) {
setBarData({ data: [...barData.data, JSON.parse(event.data)] });
}; да туплю жостко но не мог бы ты показать в чем проблемаSA
S. A. M.
<Controller {...props}
name={name}
control={control}
defaultValue={''}
render={({onChange, value}) => (
<SelectLib styles={selectCustomStyles}
value={(value && value.value) || (val)}
options={options}
onChange={(val) => {
setVal(val);
let newValue = val;
if (multi && isArray(val)) {
newValue = val.map(({value}) => value)
} else {
newValue = val && val.value;
}
return onChange(newValue)
}}
placeholder={title}
isMulti={multi}
/>
)
}
/>пытаюсь привязать дефолтное значение в ui все верно показывает, но само значение не записывает в проп value