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}`, }, });…
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…
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 }…
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,…
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…
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…
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…
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,…
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…
I want to get the user token by react. I use the following code in my login submit form and it's OK: in Login.jsx: const Login = () => { const { setUserToken } = useContext(AppContext); const submitForm = async…