I am developing an ecommerce application and on productdetail page my main image is showing previous state ..only updates on refreshing page const [mainImage,setMainImage] = useState(images[0]) return ( <div className="productdisplay-img-left"> {(images.length > 1) && ( images.map((image,index)=>( <img key={index} onClick={()=>setMainImage(image)} src={`http://localhost:3000/public/products/${image}`}/>…
When update the default time with setInterval, it's not working as expected. Instead it's added as a new instance. How to clear the setInterval in the custom hook and update new value? app.jsx import React from 'react'; import './style.css'; import…
I am building a frontend application with react i want to store the value of phone on useState but i am not getting the expected result The last character typed does not show I have used callback to display the…
I am building my frontend using react app I want when the user select a bank it will be added to the selectData state. But it is not working as expected when the user is selects a bank for the…
Suppose I have a Dropdown component. Initally, I placed that Dropdown component in a Parent component and created my handleChange function and everything works fine. However, I want to abstract that Dropdown component into its own custom Child component and…
This component is supposed to display the day, date and month in the h2 element on the initial render. The useEffect inside of the function is intended to change the date to short form when the window.innerWidth is < 735px…
My react component is not rendering and i have no bugs. The issue is that if i change the isLoggedIn state to "true", my HeroSlide will not render if isLoggedin = false then: if isLoggedIn = true then: Here is…
Bonjour! I want to create an mobile App which renders content written in markdown, similar to Obsidian. So far I successfully used the library react-native-markdown-display to render markdown pages with non-interactive content, e.g. text, images and son on. Now I…
I've a nextjs custom component that adds the locale before the pathname of the page when clicked and adds custom style for the active link.. here is the component "use client"; import { useLocale } from "next-intl"; import Link from…
Building a ticket system for a movie app to learn react. I've been trying to wrap my head around the useState and react hooks to make my seating system return an occupied seat after getting clicked on if it is…