please help me. I have a problem with the ant-design Menu component, where the menu doesn't read the state changes that occur. Here I simulate, when the button is clicked it will change the defaultSelectedKeys based on the select state…
I want to reduce my general dependency on useEffects and have created a hook file that fetches from an api I have the following code setup: const searchCharactersAPI = useCallback(async () => { try { setLoading(true); const res = await…
when I do console.log in home.js, it shows me the previous second state of the selectSprint. can you explain me what is the problem with the useState hook ? I have two components in different files, one is home.js and…
I have two components and I'm struggling to create e function in the first component (by clicking a certain button) and the effect to be in the second component (changing the text on the screen). (I'm new to React and…
I have read about render props extensively on the official React documentation as well as other articles. However, I am trying to do something similar to what Tailwind does and am failing to figure out how they use this pattern…
I've searched around and all the similar posts either dont apply or have no effect. I have a very simplified React app (v18.2.0) and im wanting to do some API calls and other logic in my app on render using…
I am trying to make a skeleton loading effect when isLoading state is true (its set to true on init), like this => {isLoading ? ( <div className="grid grid-cols-4 gap-3"> {voiceData.voices.map((voice) => ( <Skeleton key={voice.voice_id} className="w-[200px] h-[250px] rounded-md" /> ))}…
What do I need to do to make doSomethingWithItems() wait until after fetchItems() has completed? const [items, setItems] = useState(); const fetchItems = async () => { try { let responseData = await sendRequest(`${process.env.REACT_APP_BACKEND_URL}/items/user/${userId}`); setItems(responseData.items); } catch (err) {} };…
I wrote this codes for changing background image according to user's selected. But The background image neither loads nor changes Please help me, I can not develope my own project. const [selectedBgImg,setSelectedBgImg] = useState('../images/forestBg.jpg'); return( <div className={`flex min-h-screen flex-col items-center…
The values from a dropdown is based on an API call whose array response is stored into a Zustand store. I have a useEffect that listens to when that Zustand store variable is no longer empty, it will automatically assign…