const cats = [ 1, 2, 3 ]; let arr = []; const [images, setImages] = useState([]); const generateCat = () => { fetch( "https://api.thecatapi.com/v1/images/search?size=small&limit=1&mime_types=jpg,png&width=200&height=200" ) .then(response=>{return response.json()}) .then(data=>{ let finalResult = data[0]['url'] arr.push(finalResult) console.log(arr) return finalResult }) }; for(let…
I have a component that creates a collapsible accordion, using the following code: import React, {useState} from 'react'; const Collapsible = (props) =>{ const [open, setOpen] = useState(false); const toggle = () => { setOpen(!open); } return( <div> <button className={props.level}…
When I try to upload an image to the backend using a form with post request, I get a 403 error. I tried adding X-CSRFToken and "Accept": "application/json" to the headers, it didn't help at all. I tried to add…
I have a class component which loads a list of applications from an external API. It then runs an additional request for each application to ping it. It fetches the applications fine. However, it only sometimes pings the applications (calls…
I would like to wrap each element without leaving any space left from a previous div. Each div has a variable height and I would like the elements to stack on top of each other. <div className="Notes-Grid" id='Notes-Grid'> <Note data={…
I'm trying to create a react app through npx but facing an error mentioned below. I am using the following command: npx create-react-app my-app Below is the error message npm ERR! code ENOTFOUND <br> npm ERR! syscall getaddrinfo<br> npm ERR!…
I know there's a lot of questions in the same topic. I've been reading for about 2 days about this and i cant make it work. So my situation is this: I have several dynamic routes in my Nextjs app…
I am working with styled-components in a jsx file, when suddenly the auto-completion(emmet?) disappeared. I have the VScode styled-component extension and can't figure out what happened. it only auto-completes to html properties. I miss it! and I miss being able…
I'm new to React.js On the First Time load Code shows an error when i comment this part {data.advice} and run it shows me html it also calls API 2 times it gives an Error on Reload. how to fix…
I'm creating a reusable component that should be like this : Problem: The increment/decrement buttons work fine, but when I click in the input field and type a number, nothing happens. Why? Here is a minimal reproduced code example: Sandbox…