entonces ... probé una respuesta similar aquí pero no funciona con el tema, y necesito escuchar la actualización en vivo de firestore db y tengo que trabajar con el componente de clase
siempre recibe esta advertencia:
No se puede realizar una actualización de estado de React en un componente desmontado. Esto no es operativo, pero indica una pérdida de memoria en su aplicación. Para solucionarlo, cancele todas las suscripciones y tareas asincrónicas en el método componentWillUnmount.
mi código:
class Exchange extends React.Component { constructor(props) { super(props); this.state = { exchangePrice: 0, newExchangePrice: "", }; this.updateExchangePrice = this.updateExchangePrice.bind(this); } updateExchangePrice() { const docRef = doc(db, "exchange", "exchange"); if ( this.state.newExchangePrice !== "" && this.state.newExchangePrice !== 0 ) { updateDoc(docRef, { exchange_price: Number(this.state.newExchangePrice), }); this.setState({ newExchangePrice: "" }); } } componentDidMount() { const exchanges = collection(db, "exchange"); onSnapshot(exchanges, (x) => { x.docs.forEach((doc) => { if (doc.data().exchange_price !== this.state.exchangePrice) { this.setState({ exchangePrice: doc.data().exchange_price }); } }); }); }Las fugas de memoria son un problema cuando se implementa el código React, cuando se usan efectos secundarios. Explora más sobre esto desde aquí . Algunos efectos secundarios requieren limpieza. Y esa limpieza se puede realizar mediante el uso del método de ciclo de vida ComponentWillUnmount() en un componente basado en clases en React. Con el método ComponentWillUnmount(), puede realizar las cancelaciones de suscripción necesarias que implementó anteriormente.
Puede consultar el documento oficial de React para explorar más sobre el método.
Además, puede echar un vistazo al caso Stackoverflow .