Changing url does not update websocket url

[sbland]

Changing the url after component has mounted does not cause the websocket to update

Example:

const WebsocketDemo = ({ url }) => {
  const [message, setmessage] = useState('');
  const [urlVal, seturlVal] = useState(url);
  const handleData = (data) => {
    setmessage(data);
  };

  return (
    <div>
      <p>
        <input type="text" value={urlVal} onChange={(e) => { seturlVal(e.target.value) }} />
      </p>

      <Websocket
        url={urlVal}
        onMessage={handleData}
      />
    </div>
  );
};

[LeonWuV]

I have same problem！！！

[zqxb]

最后解决了么

[SaeedPoureshghi]

same problem!

[SaeedPoureshghi]

suddenly i found the answer : after you update the url call this.refWebSoket.sendMessage('any');
this will reset the component. dont forget that define this.refWebSoket in component as defined in example file.

[Molly6943]

check url changes during the life cycle of getDerivedStateFromProps

static getDerivedStateFromProps(nextProps, preState) {
    if (nextProps.url === preState.url) {
      return null
    }
    return {
      url: nextProps.url,
      ws: window.WebSocket
        ? new window.WebSocket(nextProps.url, nextProps.protocol)
        : new window.MozWebSocket(nextProps, nextProps.protocol)
    }
  }