Estoy tratando de cargar datos para mi componente en useEffect . ¿Cómo puedo asegurarme de que el estado esté definido antes de pasar a la siguiente pantalla?
const [rescueMeContent, setRescueMeContent] = useState({}); useEffect(() => { async function fetchData() { const { payload } = await get('xxx'); setRescueMeContent(payload); } fetchData(); });Cuando ejecuto la aplicación por primera vez, en la siguiente pantalla, cuando intento acceder al estado como este, aparece un error que dice que no está definido:
const { content: { splashScreen: { backgroundImage: { url }, buttonText, informationText, title: pageTitle, }, }, } = useSelector((state) => state);useState funciona solo en el interior del componente. No se puede llegar a eso desde otro componente. Debe usar reaccionar redux para usar useSelector. Debe asignar sus datos de búsqueda al estado redux con acción. Luego puede obtener esos datos con useSelector.