反应，getElementByID

Question

如何将正常的DOM操作设置为对DOM的反应

这是我的密码

尝试了不同的方法，因为我得到了持续的错误

Answer 1

状态是正确的，但是您需要在呈现之后使用getElementById，使用函数useeffect来完成它，就像下面这样：

  React.useEffect(() => {
  
let ws = new WebSocket('wss://stream.binance.com:9443/ws/etheur@trade');
let stockPriceElement = document.getElementById('stock-prize');


ws.onmessage = (event)=>{
    let stockObject = JSON.parse(event.data);
    stockPriceElement.innerText = parseFloat(stockObject.p).toFixed(2);
}
return () => ws.close(); //closes connection on unmmount
  }, [])

如果能用的话请告诉我

Answer 2

DOM找不到这个元素。

let stockPriceElement = document.getElementById('stock-prize');

未定义stockPriceElement，请尝试对其进行控制台记录。

请共享代码框链接，以便我能帮助您更多。

Answer 3

1. 您不应该在React中使用DOM操作来更新DOM。
2. 使用状态来管理数据。如果数据位于组件树的其他位置，请使用context API或全局状态。
3. 您所得到的错误是因为当您的代码执行时，目标元素尚未呈现。使用ref访问DOM节点。关于参考文献这里的更多信息