import React, { useEffect, useState } from "react"; import { getParticularProduct } from "../services/productService"; import { Link, useParams } from "react-router-dom"; function ParicularProduct() { const [product, setProduct] = useState({}); const { id } = useParams(); useEffect(() => { try {…
I'm trying to display all the questions from this data set however it's only working sometimes and then other times I receive 'questions is undefined'. Why am I receiving this error? const [questions, setQuestions] = useState<any>(); const [question, setQuestion] =…
I'm getting this error back though this same format seems to work in examples. const response = await axios.get('http://localhost:5000/get-tasks') const dataObject = response.data const arrayOfKeys = Object.keys(dataObject) const arrayOfData = Object.keys(dataObject).map((key) => dataObject[key]) console.log(arrayOfKeys) console.log(arrayOfData) }, [])```
I am trying to use useEffect hook of react to render a component(SideNavbar) but the component(SideNavbar) is not changing until i reload the page manually. The system works when i reload the page but how can i do it without…
I have a Host.js file which has a track list which is updated as defined by the setTrackListener() function. My issue is that everytime the function is called, the trackList isn't actually updated. Here is an example print out: Change…
I have a HTML select drop down list (SortBy component), after selecting an option, the component rerenders, this is not wanted, I want to see the option I selected but it keeps reseting (rerendering) to the first option. I've tried…
here is the code: import { type AppType } from 'next/app' import { api } from '~/utils/api' import '~/styles/globals.css' import Nav from '~/components/Nav' import { useEffect, useState } from 'react' const MyApp: AppType = ({ Component, pageProps }) => {…
How to show the SideNavbar Component change when the user has logged in. The sidenavbar shows different component on the basis of usertype where usertype can be admin or student. The component only changes once i reload. The component changed…
I am building a react-native app and seems I have a problem with the useFocusEffect ? When the user opens the app, it displays a popup that prompts him to grant the write_settings_permission. As soon as the user returns back…
I am trying to make a small app to learn react basics where I enter in random items and it lists them below. When I press the delete button for that item, it should delete it. The problem is that…