The problem is that i went to fetch cookies from my backend thats on a different origin than my front end. And i cant get cors to work with me. I am using bun with elysia. This is an example…
DOM does not render the info I pick from the API jsonplaceholder. Just want to render some authors and abstracts. This is my HTML code, and JS: <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,…
I've been working a full stack app, in frontend I am using react,and for Backend I am using Django.... what I want to do is when the user login it will automatically render all the posts for users he is…
My friend and I are working on a college project (Reservations related web app) using React and C#. Basically he made an API where users must input their data and after submitting, their data should be successfully sent to database.…
I have some code calling to load the same template really fast. I've tried to implement a simple caching system to only fetch when the template wasn't previously loaded, but I can't seem to get the await to truly wait…
im trying to fetch data to my react app. What is the best solution to fetch data every second? I have it in setInterval, which is probably not the best :) Because of it, if the requests are still pending,…
I am working on a virtual piano application, and I'm having a lot of issues with trying to fetch audio files from github. Specifically, I keep getting the errors Access to fetch at 'https://github.com/benvessely/virtual-piano/blob/main/sounds/c4-virtual-piano.mp3' from origin 'http://127.0.0.1:5500' has been blocked…
const[imageContainer,setImageContainer] = useState([]) const navigate = useNavigate(); useEffect(()=>{ Promise.all([ fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), ]).then(response=>setImageContainer(response.map(recipe=>{ return recipe.meals[0] }))) },[]) Hello, I'm relatively new to React. So far I've learned that you should always clean up after using useEffect with the…
I study frontend development at a vocational college in Stockholm, Sweden. We are currently studying the Javascript framework (vue.js) and I am stuck on a task. In we will build a simple app using an API with in the form…
import React, { useEffect, useState } from 'react'; function MainContent() { const [objectsArr, setObjectsArr] = useState(null); useEffect(() => { async function fetchMyAPI() { let response = await fetch('http://localhost:3030/pickedObjects') response = await response.json(); setObjectsArr(response) } fetchMyAPI() }, []) const contentDiv =…