The parent component can access the values of the child component, but it is unable to sum the values of each child. The total shows 0 instead of the correct total. I am expecting the correct total of values from…
I'm encountering an issue with a React component that utilizes useState and useEffect hooks to manage state and persist it in localStorage. The component is intended to create a toggleable section with a title and content, where the expanded state…
I've spend hours trying to fix an error, but nothing helped. I've transfered my local react project to github pages and everything works except images. They are not loading and give 404 error in the console, at the same time…
I have a front end call to an api that works well: login= useUser() ; const handleSubmit = async (e: any) => { e.preventDefault(); setLoading((loading) => !loading); setResult(''); const login = useUser() console.log('submitted form') try { login(email,password)//subsitute i'de like to…
App.jsx import React, { useState } from "react"; import Pokemon from "./Pokemon"; import Pagination from "./Pagination"; import PokemonList from "./PokemonList"; function App() { const [nextPage, setnextPage] = useState( "https://pokeapi.co/api/v2/pokemon?offset=20&limit=20" ); const [previousPage, setPreviousPage] = useState(); const [CurrentPage, setCurrentPage] = useState(…
I've added redux-persist so that the state persists after refresh. But I keep getting this error in the terminal: ✓ Compiled /postings in 599ms (3066 modules) redux-persist failed to create sync storage. falling back to noop storage. My store file…
I've uploaded my first React component to NPM. It's a slider with ticks (fractions) that you can drag. Here's the link: Fractional Range Slider NPM I've made it up with TailwindCSS. When it is bundled, it generates all the classes…
I am trying to make an api call using axios , if i use the put,post or delete method then i am able to pass bearer token in the header , but no in the get method const config =…
const IMETrainer = (props) => { // ROOT STATES const [firstString, setFirstString] = useState(true); const [secondString, setSecondString] = useState(true); const [thirdString, setThirdString] = useState(true); const [fourthString, setFourthString] = useState(true); const [fifthString, setFifthString] = useState(true); const [sixthString, setSixthString] = useState(true); //…
Access to XMLHttpRequest at 'https://discord.com/oauth2/authorize?response_type=code&redirect_uri=https%3A%2F%2Fx%2Fapi%2Fauth%2Fdiscord%2Fcallback&scope=identify%20email%20guilds.members.read%20guilds.join%20guilds&client_id=x' (redirected from 'x/api/auth/discord') from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. so ya ive tried a few things to try and solve the cors issue…