如何使用React JS与Websocket api进行计数增量

Question

我有通知图标按钮，它有计数，所以我希望计数增加每当使用Websocket api获取新数据时，我怎么能实现这一点，以及如何使这个Websocket作为组件将接收prop

import React from "react";
import { useState, useEffect } from "react";
const Websocket = (props) => {
const [count, setCount] = useState([]);
useEffect(() => {
let ws = new Websocket("wss://example.com");
ws.onopen = () => {
console.log("connection open");

};
ws.onmessage = (e) => {
setCount(e.data);
};
});
};
export default Websocket;

Answer 1

所以如果我让你正确，我猜你正在尝试从0到套接字返回的值增加计数?如果是这样的话，请始终记住，钩子的setter函数可以将当前状态作为回调函数的参数，因此:

import React from "react";
import { useState, useEffect } from "react";
const Websocket = (props) => {
const [count, setCount] = useState([]);
useEffect(() => {
let ws = new Websocket("wss://example.com");
ws.onopen = () => {
console.log("connection open");

};
ws.onmessage = (e) => {
setCount(state => state + e.data);
};
});
};
export default Websocket;

如果这就是你问题中的意思，那么这应该可以工作。