I have a React component named Search where I'm iterating over data items and rendering a SearchCard component for each item. The SearchCard component contains logic for handling play and pause actions. I've noticed that the console log in the…
My react component is not rendering and i have no bugs. The issue is that if i change the isLoggedIn state to "true", my HeroSlide will not render if isLoggedin = false then: if isLoggedIn = true then: Here is…
I am a newbie to web-dev and learning React. I have used ZOD for form implementation. My IDE is not showing any errors but when I click on submit button, screen doesn't gets re-render. It would be nice if someone…
I'm building an Ionic 7, React 18 application and having some trouble understanding a basic useEffect principle. I have this App.tsx file setupIonicReact(); const App: React.FC = () => { useEffect(() => { console.log("Loading user profile info in app..." +…
export default function Weather({destiny}) { const [location, setLocation] = useState('') const [dataExt, setDataExt] = useState({}) const url_ext = `https://api.openweathermap.org/data/2.5/forecast?q=${destiny}&units=metric&appid="here goes appi id"` var list = [] const weatherExt = () => { axios.get(url_ext).then((responseExt) => { setDataExt(responseExt.dataExt) list = responseExt.data.list })…
in this render function , I retrieve the data from list in sharepoint and render the fileContent but the properties didn't replaced from listItems this is my code of render function that I tried : public render(): React.ReactElement { return…
I wrote a simple implementation on React that include an array of Projects. Eeach projects has is own properties. I wrote a modal that everytime someone click on an image it has to render on the screen. right now the…
I have given a tag from a software company that makes online reservation for restaurants. normally you just paste the script tag in a wordpress article. But now i build my website with vite-React and after reloading, the Button for…
When I try to refresh page it prints "1" twice. But I'm not using any useState or variable update or state change I think. Can you tell me where I'm wrong? import "./styles.css"; import React, { useState, useEffect, useRef }…
I've been trying to fix this for a while now. The problem is actually when I send a post request via the fetch api and then catch it with the post request in the node js file it should normally…