So after pressing <button type="submit" className="btn btn-primary">Create</button> i create a card with hero. Then .then(() => clearFields()) helps me to clear input fields because сlicking the Сreate button again returns a blank card. That is, I see that the card…
After I alter an array of react elements saved in state, the contents of those elements gets confused. {name} is the same as {name2} becomes untrue. There's no change to props and no change to state, but clearly the value…
When i create new fresh Next.js app and use JavaScript and open it using vs code, in .jsx files, suggestions not working as shown in the image, the props suggestions of any component not showing. Suggestions not working Props Suggestions…
The wrapper function takes two inputs, one is the component and the other is the class name. My question is, why didn't we directly use jsx codes after return? Why did we put an arrow function after return? If I…
I'm encountering an issue in my React project when trying to import an image using the following line: import HorizontalLogo from '../assets/images/horizontal_logo.png'; The error message I'm getting is: Cannot find module '../assets/images/horizontal_logo.png' or its corresponding type declarations. I've checked the…
I am trying to use react toastify in this function inside my signup page const submitionHandler = ()=>{ let userData = {name,email,password,phone,country,gender}; //validate data //handle api axios.post('http://localhost:8000/admins',userData) .then(res=>{ toast.success("User has been registered successfully!"); navigate(`/login`); }) .catch(err=>{ toast.error(err.message); }) } I…
I created a JSON file from which I create cards with different data using props in Reat.js. My issue it that I have created a custom CSS that give the card a background (covering the card content) and the on…
this is the code import React from "react"; import ReactDOM from "react-dom/client"; const Header = () => { return ( <div className="header"> <div className="logo-container"> <img className="logo" src="/assets/logo.jpg" /> </div> <div className="nav-items"> <ul> <li>Home</li> <li>About us</li> <li>Contact us</li> <li>Cart</li> </ul> </div>…
I am trying to make a header, I have created an Header.js file within an components folder which consists of this. export default function Header() { return( <h1 className="header-title">Just Because</h1> ); } I import and call my Header() in App.js…
I have the following react component that works as expected. Data is returned from the Api call to the forecasts variable and is displayed correctly as contents. My WeatherCard is rendered with the props passed successfully. import {useEffect, useState} from…