Initially, it works if the manually input link is wrong (Ex: "/characters/test"), but if it's the correct one, it still redirects to error 404. If the link is clicked from Character component, it works normally. Which means no matter what…
const MealBox = ({ mealTime, setShowBox }: { mealTime: string; setShowBox: any }) => { const [meal, setMeal] = useState("Jollof rice") // console.log('meal', meal) return ( <Box border={'1px solid #f0eeeb'} rounded={'lg'} p="10px"> <Flex alignItems={'center'} gap={'25px'} w={'270px'} justifyContent={'space-between'} > <Box w='full'>…
I'm relatively new to React and trying to learn by doing some exercises creating components & calling them. In this code segment, I created a functional component useIsFirstRender() which will tell me if it is the first render. However, when…
Example A function NavBar() { const { products } = React.useContext(StoreContext); return ( <nav style={{ display: 'flex', gap: '1rem' }}> <a>Home</a> <a> Basket<span style={{ marginLeft: '0.5rem' }}>{products.length}</span> </a> </nav> ); } Example B function NavBar2() { const { products }…
I am struggling to find a pattern that works for an infinite scroll component I am working on for reference I am using the react-intersection-observer hook. The problem is that my fetchData function is being called twice when the inView…
I just try to create a React Native library, and currently I've a use case that my function can be declared using const show = useMyHook() or const {show, hide} = useMyHook() useMyHook.js const useMyHook = () => { const…
In a table i am integrating search functionality based on two parameters based on bank and rate When i click on Submit i want the set the state of the array to be updated twice first it will initialize will…
I'm having some trouble with the React useState hook. I have a list of recipe ingredients already stored in state/array called modalIngredients That array looks like this when I log it: [ { "raw": "1 (4-5) pound chuck roast", "name":…
so I am declaring a usestate variable as "count" and I am mapping through a list of 2 items. This code shows the variable declaration and the function to increment and decrement const [count, setCount] = useState(1); const increment =…
I'm new to React. I have a backend api. When the user is on the "Login Page" and enters a wrong username or password, after submitting the form, the api returns a message "Invalid username/password.". I added this: const [errors,…