I have this hook that opens/closes some unique div's. I use typescript. import { SetStateAction, useState } from "react"; export default function useOpened() { const [isOpened, setIsOpened] = useState("closed"); const open = (depName: SetStateAction<string>) => setIsOpened(depName); return [isOpened, open]; }…
Below is the my profile page code I thinking I should use a callback along with another useEffect function but I'm not sure please help. You ignore all the code involving deleting, saving, and handling ingredients I just working on…
When I click NewTab button, newtab state will change and I want to call useEffect when newTab state change, so it will goBack(), and will call return statement as well, but somehow return statement executing twice, with both old value…
I am developing a User Profile page, where users update their profile info. The first time when a user fills the form it is successfully saved in the firestore database. But the next time when the user only want to…
i have made a CRUD app using firebase and react mostly on my own, ` const userEmail = localStorage.getItem("email"); const [modalOpen, setModalOpen] = useState(false); const [rows, setRows] = useState([]); const [rowToEdit, setRowToEdit] = useState(null); const getData = async () =>…
If I want to initialize object in hook widget, should I use useEffect or useMemoized? class CreateUserScreen extends HookWidget { late ABC abc; CreateUserScreen({super.key}); @override Widget build(BuildContext context) { useEffect(() { abc = ABC(); return null; }); ... } or…
I am new to React and trying to figure out how to update state when a selection changes on an dropdown selection. Here is my code: page.js import { useState } from 'react'; import SelectionRow from './selection-row'; export default function…
I'm currently working on a Next project and have encountered an issue related to the use Effect hook and conditional rendering. Below is a snippet of the code in question: const ImageGeneration: React.FC<{ subscribedUsersData: any error: any; // Replace 'any'…
So I have a data response that looks like this - "data": [ { "_id": "65a52c333972416e3ef579a9", "kitchenName": "Micdamilare Cuisine", "image": "https://1703115912.png" }, { "_id": "65a52c333972416e3ef579d3", "kitchenName": "So Fresh", "image": "https://1703192022.jpeg" }, { "_id": "65a52c333972416e3ef579c8", "kitchenName": "The Nest Lounge", "image": "https://1703082755.jpeg"…
const[imageContainer,setImageContainer] = useState([]) const navigate = useNavigate(); useEffect(()=>{ Promise.all([ fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), ]).then(response=>setImageContainer(response.map(recipe=>{ return recipe.meals[0] }))) },[]) Hello, I'm relatively new to React. So far I've learned that you should always clean up after using useEffect with the…