I have a React component in my application that fetches data from an API in its componentDidMount lifecycle method. However, I also need to ensure that the component re-renders whenever the fetched data changes. What would be the best approach…
the navigation does not work , the react router is working correctly when i type down the URL manually also the Links const navigate = useNavigate(); function handleForm() { console.log("Form Submitted"); navigate("/"); } <Form onSubmit={handleForm}> ... </Form> To navigate to…
I want to create a hamburger menu for a website for small screens, I use useState to set a variable to false by default then making an onClick function for a button which changes the useState variable and toggling the…
I have an array of fruits. I want to fill an array of size 12 with fruits such that every fruit in the new array has even number of occurrences. const fruitsList = [ { id: 1, img: "/apple.jpg", flipped:…
I'm trying to evaluate the ease of use the shadcn.ui component library. I'm trying to implement a popover component as this: import { Button } from "@/components/ui/button"; import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@/components/ui/command"; import…
I try to change background-image using setInterval which is compileable, but the problem is, it only change once from image a.jpg to b.jpg. here is my code ; const [currentImage, setCurrentImage] = useState<string>("/a.jpg"); useEffect(() => { const intervalId = setInterval(()…
Apologies if this is a dumb question, but I am just learning React and useState. I have the below code that acts as a signup function. When a username and password are POST to the API, a message returns along…
I'm getting this error: The fix was that I needed to change state differently- the way I was updating state for my player and dealer hand was wrong. Uncaught Error: Invalid hook call. Hooks can only be called inside of…
I've been working on implementing top infinite scrolling, but I've run into a bit of trouble. The issue I'm facing is that when new items are appended, the scroll bar doesn't adjust as expected. Ideally, when new items are added,…
After I update my expo project to SDK 51, my project crush when I pay a product with a Stripe It's just crush, without any errors. I tried to update all modules. There is no any infos in web. npm…