import React, { useState } from "react"; export default function Recommend() { const [animeName, setAnimeName] = useState(""); const [anilistURL, setanilistURL] = useState(""); const [errorMsg, setErrorMsg] = useState(""); const [loading, setLoading] = useState(false); const [loadingReviews, setLoadingReviews] = useState(false); const [reviewTitles, setreviewTitles]…
I just started with the learning of React.js and I'm trying to figure things out. I'm creating a simple meditation app where each button has a sound linked to it. I created 4 buttons (for each sound available) and when…
I have a component Body.jsx, it contained logic of fetching data from an API and filtering as well. I tried to create a custom hook useResData which separates out logic of fetching data as shown- export const Body = ()…
I'm working on creating a shopping cart. The cart itself (the list of all items in the cart) is a component and each cart item is a component. In each cart item, there's a dropdown list to change the quantity…
I am currently trying to incorporate a popup modal function which I have managed to do and works however, I am trying to now create that same function inside a useEffect hook so that it does not re-render every time.…
What's the recommended approach for determining which states to include in useEffect's dependency array? I thought I should only pass states that I wanna watch over for changes and fire the useEffect based on those changes. For example in the…
I've an object like the following: { "selectedProducts": [ { "selectionId": 1722249608951, "productId": "8174367932666", "variants": [ { "variantId": "45186237989114", "price": "17.99", "title": "Chicken", "quantity": 1 }, { "variantId": "45186238021882", "price": "18.99", "title": "Beef", "quantity": 1 }, { "variantId": "45186238054650", "price":…
I'm creating a client-side only mockup of a gym-class management system. I have a models folder with javascript dummy user objects that will provide default user credentials and info. However, I want users to log in (using dummy credentials) and…
I have a context like this ProductProvider.js import React, { createContext, useMemo } from 'react' const INITIAL_HANDLER = { sortType: null, offset: 0 } export const ProductProviderContext = createContext({ ...INITIAL_HANDLER, setHandler: () => null }) export default ({ children })…
useState doesn't update state in useEffect i am using useState to update game_cards but when using it in use effect it didn't worked as expected . const Cards = ()=> { const params = useSearchParams(); var setId = params.get("setId"); const…