你好，我试图创建一个网络会议室与webRTC和WebSocket，可以由任何数量的用户使用。为此，每当新用户想要加入时，都会发送包含报价或答案的消息。
例如，如果第三个用户想要连接到其他用户，他将收到两个createoffer消息。对于每个createoffer，用户应该存储在状态中。这意味着该列表会重复获得多一个用户。但是，在该状态中仅添加了1个用户，而不是2个。我使用状态而不是引用，因为我希望在添加新用户时应用程序重新呈现。
我该怎么解决呢？
这是重要的代码

const [connectionList, setConnectionList] = useState([]);

 webSocket.current.onmessage = function (e) {

    let msgDispatcher = JSON.parse(e.data);
    console.log("msgDispatcher", msgDispatcher);

    if (msgDispatcher.pcCommand == "broadcast") {
      console.log("prepare Connection");

      let pc = new PeerConnection();
      pc.getMedia();
      setConnectionList([...connectionList, {
        fromUserID: msgDispatcher.fromUserID,
        connection: pc,
        id: uuid()
      }]);

      webSocket.current.send(JSON.stringify({
        sendType: "toUser",
        toUserID: msgDispatcher.fromUserID,
        fromUserID: userID,
        pcCommand: "createOffer"
      }));

    }

    if (msgDispatcher.pcCommand == "createOffer") {
      console.log("createOffer");
      let pc = new PeerConnection();

      pc.getMedia().then((e) => {
    
        pc.createOffer(webSocket.current, userID, msgDispatcher.fromUserID);
        
        //here is the problem
        setConnectionList([...connectionList, {
          fromUserID: msgDispatcher.fromUserID,
          connection: pc,
          id: uuid()
        }])
      })
  }

我无法设置本地列表先保存用户，然后再将其设置为新状态。我认为，设置第二个列表作为参考也不是解决方案，因为列表是多余的。我没有办法解决这个问题。