Reactjs – Nextjs page.tsx hook issue
I wish to render a splash screen in nextjs and after 2secs I wish to navigate to certain screen but I was unable to capitalize on useEffect inside the page.tsx file in nextjs , while importing it is thowing an…
Javascript – React Hook useEffect has an unnecessary dependency: 'employeeListUpdated'
const [employeeListUpdated, setEmployeeListUpdated] = useState(false); const useAllEmployees = () => { const [employees, setEmployees] = useState([]); useEffect(() => { const fetchEmployees = async () => { try { const response = await axios.get(API_URL, { headers: { Authorization: `${bearerToken}`, }, });…
Reactjs – Typing for an Array of Refs
I'm trying to create a component that allows for the user to click outside it. To do this I need to create a ref for each component that requires the functionality. This is what I'm trying to type for. I'm…
ReactJs double render
When I try to refresh page it prints "1" twice. But I'm not using any useState or variable update or state change I think. Can you tell me where I'm wrong? import "./styles.css"; import React, { useState, useEffect, useRef }…
Reactjs – UseEffect doesn't seem to work on first render of page
My useEffect doesn't seem to work on first render so the data that I need from the api is not passed to the other components. This means I get an error import "./App.css"; import api from "./api/axiosConfig"; import { useState,…
Css – Custom Modal In React (Opening and Closing Issue)
So, I'm trying to make a modal in React. I separated the modal into another file from the element that triggers and renders it to reveal itself. The modal opens but for some reason when I try to get it…
Javascript – What is useEffect in react
I recently started learning React, and I learn the useState hook, however I'm struggling to learn the useEffect hook. I've looked at the documentation searched it up and also watched a video about it but I still can't find out…
Javascript – React localStorage value resets after every refresh
Whenever a new item is added to the list, the local storage is updated but if i refresh the page. The key remains but the value is reset to an empty array. import { useState, useEffect } from 'react'; function…
Javascript – React js: Warning: Each child in a list should have a unique "key" prop
I know this is most common question but here i'm, I'm creating the todo react app,i've just started using react but the thing is i'm already passing the id and then using as the key prop in the Todo Component,…
React native – React useState Hook is not updating array
I am trying to use React Native to create a To-do list application. And use the UseState hook to add more task to an array to map on the front-end. But I cannot use useState to add new item in…