I am attempting to update the color of the text in my function based on if the deadline has already passed or not. I want to call the function 'ChangeStyle' with each iteration of the mapping in order to do…
I have the start page in the Root component and I added the Header and Footer components wrapped in a div, but I don't know how to include them with the rest of the routes in the best way. Am…
I am working in a Vite project, my goal is to be able to write tests. So I setup Jest and Babel and write a test, but I'm getting an error like this: C:UsersjoaovOneDriveDev ProjetosProjetos pessoaiscsgo-e-commercenode_modulesfirebaseappdistindex.esm.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import { registerVersion }…
I have a SimpleForm inside an edit component, in which I have an ImageInput. My goal is to upload the image when selecting it and assigning the URL returned by the response of /upload API into the record object and…
I'm trying to route the user on login to a page depending on data I get from a useQuery call , but the onSuccess is too quick to run while the query hasn't fetch yet , my code looks like…
Uncaught TypeError: Cannot read properties of undefined (reading 'map') import React, { useState } from "react"; import products from '../products' function RecScreen() { const [budget, setBudget] = useState(products); const [items, setParts] = useState([]); const handleInputChange = (event) => { setBudget(event.target.value);…
I'm a bit confused with the async/await concept, especially when it comes to using it compared to .then() in a function. I'm currently playing around with a basic React application and fetching some data in a useEffect I was wondering,…
I'm using a react-bootstrap package on my project, I have a 3 <Col> component like this <Container> <Row> <Col xs={12} lg={7}> {/* A */} .... </Col> <Col xs={12} lg={5}> {/* B */} ... </Col> <Col xs={12} lg={7}> {/* C */}…
i have code: const Forms = () => { const [messageText, setMessageText]: any = useState(""); useEffect(() => { const getPosts = () => { axios.post('http://localhost:8080/graphql/', { query: ` { getPosts(option: true) { id message } } ` }) .then((res) =>…
I am fetching single type data from strapi api with React .map, but the single returned content is being rendered twice in this function: { Object.values(objecthere).map(({ }) => )} Why is that, what am I doing wrong, and how can…