I am creating a file upload using react. I want to set the state variable to the uploaded file(.docx or .pdf) as soon as the it was uploaded. But when the set state calls, it shows undefined. const [selectedFile, setSelectedFile]…
I want to call useEffect() whenever a state change occurs in my index.js file. index.js export default withAuth(function Home() { const [post, setPost] = useState([]) const getPosts = async () => { const data = await instance.get('/post') setPost(data.data) } useEffect(()…
I'm facing an issue with a React component in my project where I have to click twice to correctly log the right-clicked variable during navigation. Here's a breakdown of the problem and my code: I have a React component that…
I was changing a state between renders and logging that value on every time the state changes via useEffect. I noticed my console is showing this error bellow: image of console showing the error. I'm not understanding why is it…
Im trying to keep the state of cart after add it Item to cart by using context and save it to localstorage. The add to cart function is work well and the cart also update item into it. Check LocalStorage…
I'm working on a React application, and I have a situation where I need to update a state variable using useState and then call a function that depends on the updated state. Specifically, I'm looking for a solution where the…
I'm learning the useEffect; I'm running into an exercise with a non-empty independency array since I'm passing the index of the array. The problem is that I get same name repeated. This is my code and below is the result.…
I found this exercise on this site; I was testing this since I'm also just learning hooks in React. I'm not able to understand why when you go to put a name identical to those already present in the array,…
I'm just studying React and in particular I'm studying the useEffect. What I'm failing to figure out is why the useEffect is skipping me the last element of the array. Can someone kindly explain to me why and how to…
Why this code makes infinite loop in react. here the useEffect with data and columnDataWithTaskProperty cause the infinite loop but i don't know why const useBoard = () => { const { data: columnData } = useGetColumnQuery(); const { data…