I am new to react and have come across this problem. I have an Array list with at total of 4 items with content inside them. Each item has an id with its respective number 1-4. Is there any way…
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'm new to next.js I don't understand why metadata variable is exported from Layout file and not importing it anywhere import "./globals.css"; export const metadata = { title: "NextJS App", description: "Your first NextJS app!", }; export default function Layout({…
I am trying to iterate over the response I get from an API using the map() method but I keep getting the error 'drinks.map is not a function'. Below is my code Drinks import DrinksList from "@/components/DrinksList"; const url =…
I've been having an issue trying to import material. I've used similar code to the examples they have on material.angular.io yet I get the "inject() must be called from an injection context..." error. I've just been trying to get this…
I am trying to create a hamburger menu in mobile view. When in mobile view the nav-item gets hidden and when i click the menu icon the nav-items will be displayed. But after clicking on the icon and changing the…
I'm working in SolidJs and using HopeUi for some components. I use the grid component from HopeUi, and I want to fill one of the grids with a canvas component. The code for my App currently looks like this: import…
this is my HTML code: .search-bar{ width: 40px; height: 45px; transition: 0.7s; } .search-icon { top: .4%; right: 5%; width: 35px; margin-left: 300px; cursor: pointer; box-sizing: border-box; } .search-bar:focus{ cursor: pointer; width: 200px; outline: none; } .search-btn{ background-color: transparent; outline:…
import React,{useState} from "react"; const friendsArray = [ { name:"Lalit", age: 23, }, { name:"Neha", age: 22, }, { name:"Piyush", age: 20, }, ] function Arrex(){ const [arr,setArr] = useState(friendsArray) const handleclick=()=>{ setArr((prevArr)=>[ ...prevArr, { name:"Shubham", age:25, }]) } const…
I'm currently working on a React project where I'm using Bootstrap to style my components. I have a JSX component that I want to align to the left on my webpage, but for some reason, it doesn't work. Here's my…