Ich versuche, einen Status zu übergeben, der in einer asynchronen Funktion generiert wurde, die sich selbst in useState befindet. Ich habe gelernt, dass useRef wahrscheinlich der beste Weg ist, dieses Problem zu lösen, da es auf veränderbare Zustände verweisen kann, und habe dabei etwas über React-useStateRef erfahren, das schließlich ein weiteres Problem löste, bei dem der Zustand in meiner Hauptkomponente nie aktualisiert wurde. Problem (erhält ständig „ zu viele Renderfehler). Es fungiert also im Wesentlichen als useRef und useState in einem.

Obwohl mein Status schließlich aktualisiert wurde, wurde er immer noch nicht an meine Canvas-Komponente übergeben. Ich versuche, das Blutzuckerdiagramm einer Leinwand basierend auf den aus einem Datensatz erhaltenen Temperaturen zu aktualisieren.

import { useEffect } from 'react'; importiere useState aus 'react-usestateref'; import { getServerData } from './serviceData'; „./App.css“ importieren Canvas aus „./components/Canvas“ importieren; Funktion App() { const [dataset, setDataset] = useState(null); const [units, setUnits] = useState('metric'); // Leinwand-Hintergrundgrafikmaterial var [currentBG, setCurrentBG, currentBGref] = useState(null); useEffect(() => { const fetchServerData = async () => const data = waiting getServerData(city, Units); setDataset(data); Funktion updateBG() { const Schwelle = Einheiten === „metrisch“ 20 : 60; if (data.temp <= Schwellenwert) { setCurrentBG('snow'); } anders { setCurrentBG('sunny'); } } updateBG(); } fetchServerData(); console.log(aktuelleBG) }, [Stadt, Einheiten, currentBGref.current, currentFGref.current]) const isCelsius = currentUnit === "C"; button.innerText = isCelsius ? "°F" : "°C"; setUnits(isCelsius ? "metric" : "imperial"); }; zurückkehren ( 
 { Datensatz && (  )} 
 ); } Standard-App exportieren;

Ich kann nur den Anfangswert übergeben und es wird nie darüber hinaus aktualisiert, obwohl das console.log in useEffect zeigt, dass es definitiv aktualisiert wird. Warum wird es also nicht an meine Komponente weitergeleitet?