我的反应状态变量在使用 websocket 时没有更新

如何解决我的反应状态变量在使用 websocket 时没有更新

你好，我正在使用 websocket 来获取我的数据，问题是当我尝试将数据保存到我的状态时，反应组件正在按预期重新渲染，但我的数据没有保存在状态变量中

export default function ResultPageContent() {
  const processed = useSelector((state) => state.processedSlice);
  const [data,setData] = useState({});

  const fetchData = (links) => {
    const socket = new webSocket("ws://localhost:5000/");
    socket.onopen = () => {
      socket.send(JSON.stringify(links));
    };

    socket.onmessage = ({ data }) => {
      const tempData = JSON.parse(data);
      setData(tempData);
    };
    socket.onclose = () => {};
  };
  const renderContent = () => {
    if (data.per < 100) {
      return <CircularProgressWithLabel value={data.per} />;
    }
  };
 if (processed) {
    console.log("links",links);
    fetchData(links);
    dispatch(MAKE_FALSE());
  }

  return (
    <div>
      <Paper
        style={{
          width: "100%",background: theme.palette.background.default,marginBottom: "50px",}}
        className={classes.root}
      >
        {renderContent()}
      </Paper>
    </div>
  );
}```