i am using react 18 StrictMode and i have some pages in an application while navigating from one page to another page (using Router) an empty page displaying at first and after 2 3 seconds page refreshing and displaying with…
I'm trying to write Reactjs code for scroll to functionality. I want the referenced IDs of different sections be generated for the elements of the 'lables' array. import { useRef } from 'react'; const useDivRefs = (labels) => { const…
I am trying to build the mobile version of my homepage. My nested accordion "Projects" seems to have a bug where it doesn't show the correct height of the bottom projects section on the first open. To open that you…
so i want to make a page that render a data from localStorage, i want to make it realtime, so if i wanti to delete some data from localStorage the UI of deleted data removed realtime This is my code,…
I am creating form from JSON using react hook form.I am using below library https://www.react-hook-form.com/ ISSUE : In my JSON Each field have one property "disabled" . On the basis of property I want to disable or enable that field…
I am currently struggling with refactoring my Auth on a React/Strapi Web App. The webapp in this first draft only provides some content, protected by a login. To realise the login I post credentials to my Strapi backend and want…
I want to create a global modal component using redux/toolkit and manage it globally. When I click the drop-down menu, I create the message I want to display the modal, and when I click the Ok or Cancel button and…
I have two components, the parent (App) shows a button which on being clicked conditionally renders the Child component. Here is the sandbox. App.js import { useState } from "react"; import Child from "./Child"; function App() { const [value, setValue]…
I am trying to automatically resize my columns to fit their contents using an autoSizeAll function I wrote. I want this to happen every time the grid's data is done rendering. This is because the user can click a 'get…
What is the best way to handle state in React functional components? using a single object like: const [state, setState] = useState ({ email:[email protected], name:"tesName" }) or should I use useState for each state variable const [email, setEmail] = useState("[email protected],")…