Estoy tratando de configurar los useEffect setPackages funciona bien, excepto el método setPackages . No funciona la primera vez, pero cuando actualizo la aplicación guardando CTRL+S de VS Code funciona y setPackages funciona.
A continuación se muestra el código.
const [packages, setPackages] = useState([]); useEffect(() => { const getPackages = async () => { Purchases.setDebugLogsEnabled(true); Purchases.setup("MY_KEY_HERE"); try { const offerings = await Purchases.getOfferings(); if (offerings.current !== null) { console.log(offerings.current.availablePackages); //This displays the data (works) setPackages(offerings.current.availablePackages); //This do not set the data in packages unless app refreshed }else{ console.log("No offerings found"); } } catch (e) { console.log("Error => " + e); } } getPackages(); },[])Necesito actualizar la aplicación cada vez para que esta línea funcione. ¿Qué podría ser un problema aquí?
Estás declarando la función, pero no llamándola. Y debe incluir una matriz de deps vacía en useEffect si desea que se llame una vez al inicio y no una y otra vez.
const [packages, setPackages] = useState([]); useEffect(() => { const getPackages = async () => { Purchases.setDebugLogsEnabled(true); Purchases.setup("MY_KEY_HERE"); try { const offerings = await Purchases.getOfferings(); if (offerings.current !== null) { console.log(offerings.current.availablePackages); //This displays the data (works) setPackages(offerings.current.availablePackages); //This do not set the data in packages unless app refreshed }else{ console.log("No offerings found"); } } catch (e) { console.log("Error => " + e); } }; getPackages(); },[])¿Puedo sugerir este enlace para manejar sus packages -estado?
Úsalo así:
function MyComponent() { // Load packages (will be undefined while loading or updating) const packages = usePromiseMemo(() => { Purchases.setDebugLogsEnabled(true); Purchases.setup('MY_KEY_HERE'); return Purchases.getOfferings().then(offerings => { if (offerings.current) { console.log(offerings.current.availablePackages); //This displays the data (works) return offerings.current.availablePackages; } else { console.log('No offerings found'); } return undefined; }); }, []); // Alternatively: Replace [] with [Purchases] // Render return <div>More stuff here</div>; } No sé de dónde proviene Purchases , pero agréguelo a la matriz de dependencia si está sujeto a cambios.
Además, si 'MY_KEY_HERE' está almacenado en alguna variable, agréguelo también a la matriz de dependencia.