I have a RN app that has a home screen with different chats. When the user taps on a chat, it's messages are loaded from the local db and displayed. Like Whatsapp does, I want to preload messages and scroll…
Im currently following a react course and got stuck with this question, in this code snippet im trying to fetch repositories using github API and while data is in process I used a state isLoading which has an initial value…
I have a button component which when clicked should render a modal to the screen, but for some reason it seems not to work, here’s my implementation import React, { useCallback } from 'react'; import { OverflowMenuItem } from '@carbon/react';…
import { useState, useEffect } from "react"; import { useJwt } from "react-jwt"; import { useDispatch, useSelector } from "react-redux"; import {useNavigate} from "react-router-dom" import { setUserData, clearUserData } from "./features/auth/authSlice"; import { getAccount } from "./features/user/dataSlice"; import Header from…
i have and useEffect inside my component useEffect(() => { const interval = setInterval(() => { setQueueState((pre) => { return pre.map((line) => { if (line.length === 0) return []; line[0].items = line[0].items > 0 ? line[0].items - 1 : 0;…
I have a problem with this component in next js, if I do the npm run dev it works, the problem is when I try to generate the next js build, it returns this error ./pages/marcas/[marca].tsx:66:30 Type error: 'carData' is…
I'm currently working on a React application where I'm trying to integrate Swiper.js with Material-UI (MUI) cards to create a slideable carousel of app cards. However, I'm encountering an issue where only one card appears, and the navigation arrows are…
I am storing both username and password as key value async storage from main component. In below component i am retrieving username and password from asyncstorage and stored as state and pass them to authentication for axios. But some how…
Thank you all in advance for your help. I am not sure why when i updated the percentageDone state in my loadDataFunction() will update the RenderData1Component where it shouldn't. Shouldn't it update only when data1 changed? I have a piece…
So supposedly, useCallback can cache a function, and I think the intention is to make the code run faster. So for example, if I have: const handleChange = (ev) => { setMsg(ev.target.value); }; I also can change it to: const…