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],")…
what i'm trying to do here is take the input and store it in the city state iterate through an object named citylist and set the selectedCity to the city if it exists in citylist else return not found import…
I am working on a project that uses react. I have added another component and I want to pass information from the child component to the parent. the problem is that when I try to use the useState hook it…
I have a parent component which is created through using another component by iterating over a for loop n number of times, and an id is assigned to each child. Now, I need to change the state of each child…
when calling the API from server I am able to see the response but when using data.map() to iterate the data is not reflected in frontend in the next js First I called the API from the server side and…
First of all, yes, I talked with ChatGPT, it does not give a working answer. The main is that I want an image to be rendered. Why in my case the setter does not work? Probably the error lies on…
I want to update the days value inside the state object each time and increate it's value by one const [leap, setLeap] = useState({state: false, days:0}) So i tried doing it like that but that did not help setLeap((prevState)=> ({...prevState,…
I am new to React, so I am sorry if this is very rudimentary. I haven't found a solution online for this exact problem before coming here. Say I have to create a form with multiple input fields in a…
I was experimenting with react. and used setState as shown below. import {useState} from 'react'; export default function App() { const [state,setState]=useState([]); const fetchApi= async()=>{ return fetch('https://jsonplaceholder.typicode.com/posts') .then(response=>response.json()) .then(data=>{console.log(data); return data}) .catch(err=>console.log(err)) } setState(fetchApi()); return ( <div> </div> ); }…
Is it possible to assign the hook return function to a render map in React? The following example includes the socialAuthMethodsMap map with the onClick parameter. I want to assign the signInWithApple function from useFirebaseAuth hook, but it breaks the…