I'm trying to access the props from this taskList array that I'm grabbing from firestore, The taskList is an array of objects so shouldn't I just be able to access them with task.propName? function App() { const [taskList, setTaskList] =…
This was the way to do it using Pages Router import { useRouter } from "next/router"; import React from "react"; function ShowroomListings({}) { const router = useRouter(); const { listingId } = router.query as { listingId: string }; return <div>This…
I have here a flex display which divides the screen into two areas wherein one half has some login info and the other has a background picture. When trying to set the flex, however, i am met with these margins…
I need to implement error handling in my application. I am adding a user group with a pop-up. After sending a request, I need to show an error message if it comes from the backend. However, I'm having trouble understanding…
I am working on a page and trying to make it mobile responsive. It's working fine in Android phones but when I am opening in iphone it hides below Buttons or space. I also tried to test that page locally…
I am working on a React project where I would like to display thousands of articles. I can call them 100 at a time and want to display them as I bring them in. How do I do that? My…
Given routes like this: <Routes> <Route element={<MainLayout />}> <Route path="foo/:token" element={<Foo />} /> <Route path=":token" element={<Bar />}> <Route path=":id" element={<Baz />}> <Route> </Route> </Routes> How can MainLayout know which route was resolved? I need to know if it was within…
I have a react application where I use react-router-dom to set up my client routes as follows in my app.js file: <Route path="/admin" element={<AdminLayout />}> <Route index path="add-article" element={<AddArticleForm />} /> <Route path="success" element={<Success />} /> </Route> In my AddAritcleForm…
Im new to js and React and have been trying to create a personal website. I have been struggling for hours simply trying to create a separate page where I can put my projects and link to it from my…
I am using react, and I got a nested object like this: const obj = useRef({ category1: [ { title: { name1: 'value1' } }, { title: { name2: 'value2' } } ], category2: [ { title: { name3: 'value3'…