I'm sorry for my English. I'm using a translator. I have the following problem. I'm trying to use a function from another component, but it gives me the following error. I will leave the code extract:enter image description here I…
From the website and some articles, i have learned that any changes made to the app will first be reflected in the Virtual DOM. and then to the Real DOM after diffing both trees. the lifecycle hook useEffect will fire…
I'm trying to make a small app that reads an endpoint to get a list of items. The app will then loop through and pull the details for the items. I did get a version to work but it breaks…
I am trying to use 3rd party package ReactPhotoSphereViewer in NextJs to display panoramic images in the website. The package works both in NextJs and in ReactJs. Here is the code that is works in ReactJs: import { ReactPhotoSphereViewer }…
I tried to make... There is no input on the screen at the first rendering. When I click the button, input appears. And I want to set focuse on the input at the same time. Let me explain what i…
I have two pieces of code, the Front-end in React and the Bakc-end in Laravel, the problem is im calling the API to get an array of a SQL join but in the useEffect React Hook it doest get the…
I am writing a simple react page where user details can be fetched from one API and pass it to another API multiple times with some modification. export default function User() { const [userid, setUserId] = useState(""); const [userData, setUserData]…
In a function inside a functional react component I may update multiple state variables. How can I ensure all state changes have taken place before running the next function. Below, for example, imagine that calculateScore() is triggered on some event…
I was trying to pass useState properties through Context.Provider value={{theme, setTheme}} as it was written in tutorial, and after receive it with useContext(Context), but it keeps returning me an error: const setCurrentUser: any Property 'setCurrentUser' does not exist on type…
Tasks doesn't update (not unless I refresh the page) after submitting/creating a new task. Seems like the useEffect is not running during handleSubmitForm. import React, { useEffect, useState } from "react"; const Tasks = () => { const [tasks, setTasks]…